FusionTime - candelstick

Created using FusionCharts Suite XT - www.fusioncharts.com

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>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

var data, chart;
data = [
  ["2020-09-09", 0.54, 0.56, 0.54, 0.56, 14903209],
  ["2020-09-04", 0.51, 0.51, 0.49, 0.49, 20382984],
  ["2020-08-28", 0.51, 0.51, 0.5, 0.51, 16792110],
  ["2020-08-21", 0.53, 0.53, 0.5, 0.5, 15691199],
  ["2020-08-14", 0.51, 0.52, 0.51, 0.52, 21492713],
  ["2020-08-07", 0.47, 0.52, 0.47, 0.51, 19886343],
  ["2020-07-31", 0.48, 0.48, 0.48, 0.46, 17485574],
  ["2020-07-24", 0.48, 0.48, 0.48, 0.48, 16540650],
  ["2020-07-17", 0.48, 0.48, 0.47, 0.48, 17398400],
  ["2020-07-10", 0.43, 0.48, 0.43, 0.48, 16841800],
  ["2020-07-02", 0.39, 0.43, 0.39, 0.43, 21377289],
  ["2020-06-26", 0.41, 0.41, 0.39, 0.39, 27275096],
  ["2020-06-19", 0.41, 0.41, 0.4, 0.41, 38344749],
  ["2020-06-12", 0.43, 0.45, 0.41, 0.41, 26191767],
  ["2020-06-05", 0.41, 0.43, 0.4, 0.43, 34855408],
  ["2020-05-29", 0.42, 0.42, 0.4, 0.41, 26206314],
  ["2020-05-22", 0.39, 0.41, 0.39, 0.41, 26546951],
  ["2020-05-15", 0.39, 0.39, 0.37, 0.39, 28338140],
  ["2020-05-08", 0.43, 0.43, 0.4, 0.4, 25853658]
];

var schema = [{
  "name": "Date",
  "type": "date",
  "format": "%Y-%m-%d"
}, {
  "name": "Open",
  "type": "number"
}, {
  "name": "High",
  "type": "number"
}, {
  "name": "Low",
  "type": "number"
}, {
  "name": "Close",
  "type": "number"
}, {
  "name": "Volume",
  "type": "number"
}];

var fusionTable = new FusionCharts.DataStore().createDataTable(data, schema);

chart = new FusionCharts({
  type: 'timeseries',
  renderAt: 'chart-container',
  width: "90%",
  height: 600,
  dataSource: {
    data: fusionTable,
    chart: {
      "theme": "fusion"
    },
    caption: {
      "text": "RatioChart"
    },
    yAxis: [{
      "plot": {
        "value": {
          "open": "Open",
          "high": "High",
          "low": "Low",
          "close": "Close"
        },
        "type": "candlestick"
      },
      "format": {
        "prefix": ""
      },
      "title": "Ratio long/short",
      "orientation": "right"
    }],
    xAxis: {
      binning: {
        year: [],
    ...