CandleStick Charts - Showing trend sets

Created using FusionCharts Suite XT - www.fusioncharts.com

by FusionCharts

HTML

<script src="https://cdn.fusioncharts.com/fusioncharts/latest/fusioncharts.js"></script>
<script src="https://cdn.fusioncharts.com/fusioncharts/latest/themes/fusioncharts.theme.fusion.js"></script>
<!--  How to configure trend sets. This sample showcases the high value trend.

Element
    # trendset

    
-->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function() {
  var stockChart = new FusionCharts({
    type: 'candlestick',
    renderAt: 'chart-container',
    id: 'myChart',
    width: '600',
    height: '400',
    dataFormat: 'json',
    dataSource: {
      "chart": {
        "caption": "Daily Stock Price HRYS",
        "subCaption": "Last 2 months",
        "numberprefix": "$",
        "pyaxisname": "Price",
        "vyaxisname": "Volume (In Millions)",
        "showVolumeChart": "0",
        "theme": "fusion"
      },
      "categories": [{
        "category": [{
            "label": "2 month ago",
            "x": "1"
          },
          {
            "label": "1 month ago",
            "x": "31"
          },
          {
            "label": "Today",
            "x": "60"
          }
        ]
      }],
      "dataset": [{
        "data": [{
            "open": "18.74",
            "high": "19.16",
            "low": "18.67 ",
            "close": "18.99",
            "x": "1",
            "volume": "4991285"
          },
          {
            "open": "18.74",
            "high": "19.06",
            "low": "18.54",
            "close": "18.82",
            "x": "2",
            "volume": "3615889"
          },
          {
            "open": "19.21",
            "high": "19.3",
            "low": "18.59 ",
            "close": "18.65",
            "x": "3",
            "volume": "4749586"
          },
          {
            "open": "19.85",
            "high": "19.86",
            "low": "19.12",
            "close": "19.4",
            "x": "4",
            "volume": "4366740"
          },
          {
            "open": "20.19",
            "high": "20.21",
            "low": "19.57",
            "close": "19.92",
            "x": "5",
            "volume": "3982709"
          },
          {
            "open": "20.47",
            "high": "20.64",
            "low": "20.15",
            "close": "20.16",
            "x": "6",
            "volume": "2289403"
          },
     ...