Skipping Weekends in Candlestick Chart - CanvasJS JavaScript Charts
Skipping Weekends in Candlestick Chart - CanvasJS JavaScript Charts
by canvasjs
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the Chart -->
<div id="chartContainer" style="height: 360px; width: 100%;"></div>
JavaScript
var chart = new CanvasJS.Chart("chartContainer",
{
title:{
text: "Skipping Weekends in Candlestick Chart using Labels"
},
zoomEnabled: true,
axisY: {
includeZero:false,
title: "Prices",
prefix: "$ "
},
axisX: {
interval:1,
labelAngle: -45,
},
data: [
{
type: "candlestick",
dataPoints: [
{label: CanvasJS.formatDate(new Date(2012,01,01), "DDD DD MMM"),y:[5198, 5629, 5159, 5385]},
{label: CanvasJS.formatDate(new Date(2012,01,02), "DDD DD MMM"),y:[5366, 5499, 5135, 5295]},
{label: CanvasJS.formatDate(new Date(2012,01,03), "DDD DD MMM"),y:[5296, 5378, 5154, 5248]},
{label: CanvasJS.formatDate(new Date(2012,01,06), "DDD DD MMM"),y:[5283, 5348, 5032, 5229]},
{label: CanvasJS.formatDate(new Date(2012,01,07), "DDD DD MMM"),y:[5220, 5448, 5164, 5258]},
{label: CanvasJS.formatDate(new Date(2012,01,08), "DDD DD MMM"),y:[5276, 5735, 5215, 5703]},
{label: CanvasJS.formatDate(new Date(2012,01,09), "DDD DD MMM"),y:[5704, 5815, 4888, 5619]},
{label: CanvasJS.formatDate(new Date(2012,01,10), "DDD DD MMM"),y:[5609, 5885, 5548, 5879]},
{label: CanvasJS.formatDate(new Date(2012,01,13), "DDD DD MMM"),y:[6040, 6052, 5671, 5693]},
{label: CanvasJS.formatDate(new Date(2012,01,14), "DDD DD MMM"),y:[5702, 5971, 5604, 5682]},
{label: CanvasJS.formatDate(new Date(2012,01,15), "DDD DD MMM"),y:[5697, 5962, 5477, 5930]},
{label: CanvasJS.formatDate(new Date(2012,01,16), "DDD DD MMM"),y:[5911, 6229, 5910, 5985]},
{label: CanvasJS.formatDate(new Date(2012,01,17), "DDD DD MMM"),y:[5997, 6011, 5566, 5842]},
{label: CanvasJS.formatDate(new Date(2012,01,20), "DDD DD MMM"),y:[5480, 6142, 5318, 5735]},
{label: CanvasJS.formatDate(new Date(2012,01,21), "DDD DD MMM"),y:[5756, 6309, 5700, 6299]},
{label: CanvasJS.formatDate(new Date(2012,01,22), "DDD DD MMM"),y:[6289, 6342, 5972,...