Highcharts Stock Demo

author(s): Torstein Hønsi

by Pawan Jadhav

HTML

<div id="container" style="height: 400px; width: 600px; margin: 0 auto"></div>
<script src="https://code.highcharts.com/stock/8.1.2/highstock.js"></script>
<script src="https://code.highcharts.com/8.1.2/highcharts.js"></script>


<pre id="csv" style="display: none">Date, Time,...

JavaScript

Highcharts.chart('container', {
  "chart": {
    "inverted": false,
    "backgroundColor": "rgba(255,255,255,0)",
    "plotBackgroundColor": "rgba(253, 245, 230, 1)",
    "plotBorderWidth": 1,
    "plotBorderColor": "#000000",
    "zoomType": "xy",
    "resetZoomButton": {
      "theme": {
        "visibility": "hidden"
      }
    },
    "alignTicks": true,
    "options3d": {
      "enabled": false
    },
    "renderTo": {},
    "events": {}
  },
  "title": {
    "text": ".",
    "style": {
      "color": "rgba(255, 255, 255, 0)",
      "fontSize": "1px"
    }
  },
  "tooltip": {
    "enabled": true,
    "borderColor": "rgba(106, 90, 205, 1)",
    "borderWidth": 2,
    "borderRadius": 2,
    "backgroundColor": "rgba(0, 0, 255, 1)",
    "style": {
      "color": "rgba(255, 0, 0, 1)",
      "fontSize": "1rem",
      "fontFamily": "Arial",
      "fontWeight": "bold",
      "fontStyle": "italic",
      "textDecoration": "underline"
    },
    "useHTML": true,
    "shared": false,
    "crosshairs": [
      false,
      false
    ],
    "followPointer": true
  },
  "plotOptions": {
    "series": {
      "animation": {
        "duration": 700
      },
      "cursor": "pointer",
      "allowPointSelect": true,
      "showInLegend": true,
      "turboThreshold": 0,
      "stickyTracking": false,
      "events": {},
      "point": {
        "events": {}
      },
      "pointPadding": 0.1
    }
  },
  "legend": {
    "enabled": true,
    "item": {},
    "borderWidth": 1,
    "layout": "horizontal",
    "eQLegendPlacement": "CHART",
    "backgroundColor": "rgba(255,255,255,0)",
    "itemStyle": {
      "color": "rgba(255, 0, 0, 1)",
      "fontSize": "0.7142857142857143rem",
      "fontFamily": "Arial",
      "fontWeight": "bold",
      "fontStyle": "italic",
      "textDecoration": "underline"
    },
    "align": "center",
    "verticalAlign": "bottom",
    "margin": 0,
    "padding": 5,
    "symbolRadius": 0
  },
  "credits": {
    "enabled": false
  },
  "exporting": {
 ...