Empty chart

This is jsfiddle demonstrates how to display an empty chart.

by sonylnagale

HTML

<link rel="stylesheet" type="text/css" href="https://jsfiddle.chartiq.com/chart/css/stx-chart.css" media="screen" />

<div class="chartContainer" style="width:100%;height:400px;position:relative;"></div>
<button id="button" class="autocompare">Add series</button>

JavaScript

import { CIQ } from "https://jsfiddle.chartiq.com/chart/js/advanced.js";

const stxx = new CIQ.ChartEngine({
  container: document.querySelector(".chartContainer"),
  layout: {
    periodicity: {
      timeUnit: "day",
      period: 1,
      interval: 1
    },
    crosshair: true,

  }
});

stxx.loadChart('TEST', [{"Date":"1997-07-16 19:20:30","Open":152.13,"High":152.19,"Low":152.08,"Close":152.11,"Volume":4505569},
{"Date":"1997-07-17 19:20:35","Open":151.76,"High":151.83,"Low":151.65,"Close":151.79,"Volume":2799990}]);