import { CIQ } from "https://jsfiddle.chartiq.com/chart/js/advanced.js"; // Activate the License Key import getLicenseKey from "https://jsfiddle.chartiq.com/chart/key.js"; getLicenseKey(CIQ); import sampleData from "https://jsfiddle.chartiq.com/chart/examples/data/STX_SAMPLE_DAILY.js"; const stxx = new CIQ.ChartEngine({ container: document.querySelector(".chartContainer") }); stxx.chart.legend = { x: 400, y: 20 }; stxx.loadChart("SPY", sampleData, function() { // use the loadChart callback to ensure the chart is loaded before trying to load the series. // add a series using data already in the master Data array stxx.addSeries("Close", { color: "blue", loadData: false, shareYAxis: true, renderer:"Histogram" }); }); stxx.draw();
<link rel="stylesheet" type="text/css" href="https://jsfiddle.chartiq.com/chart/css/stx-chart.css" media="screen" /> <link rel="stylesheet" type="text/css" href="https://jsfiddle.chartiq.com/chart8.1/css/stx-chart.css" media="screen" /> <div class="chartContainer" style="width:600px;height:400px;position:relative;"></div>