CanvasJS Basic StockChart | CanvasJS JavaScript StockChart
CanvasJS Basic StockChart | CanvasJS JavaScript StockChart
HTML
<script src="https://canvasjs.com/assets/script/canvasjs.stock.min.js"></script>
<br/><!-- Just so that JSFiddle's Result label doesn't overlap the StockChart -->
<div id="stockChartContainer" style="height: 450px; width: 100%;"></div>
JavaScript
let options = {
"animationEnabled": false,
"theme": "light2",
"zoomEnabled": true,
"exportEnabled": true,
"dataPointWidth": 2,
"charts": [
{
"zoomEnabled": true,
"axisX": {
"labelAngle": 45,
"labelFontSize": 10,
"crosshair": {
"enabled": true
},
"scaleBreaks": {
"spacing": 0,
"lineThickness": 0,
"customBreaks": [
{
"startValue": "2011-02-01T12:00:00.000Z",
"endValue": "2011-02-28T12:00:00.000Z"
},
{
"startValue": "2011-03-01T12:00:00.000Z",
"endValue": "2011-03-31T12:00:00.000Z"
},
{
"startValue": "2011-04-01T12:00:00.000Z",
"endValue": "2011-04-30T12:00:00.000Z"
},
{
"startValue": "2011-06-01T12:00:00.000Z",
"endValue": "2011-06-30T12:00:00.000Z"
},
{
"startValue": "2011-09-01T12:00:00.000Z",
"endValue": "2011-09-30T12:00:00.000Z"
},
{
"startValue": "2011-11-01T12:00:00.000Z",
"endValue": "2011-11-30T12:00:00.000Z"
},
{
"startValue": "2012-02-01T12:00:00.000Z",
"endValue": "2012-02-29T12:00:00.000Z"
},
{
"startValue": "2012-03-01T12:00:00.000Z",
"endValue": "2012-03-31T12:00:00.000Z"
},
{
"startValue": "2012-04-01T12:00:00.000Z",
"endValue": "2012-04-30T12:00:00.000Z"
},
{
"startValue": "2012-06-01T12:00:00.000Z",
"endValue": "2012-06-30T12:00:00.000Z"
},
{
"startValue": "2012-09-01T12:00:00.000Z",
"endValue": "2012-09-30T12:00:00.000Z"
},
{
"startValue":...