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); const stxx = new CIQ.ChartEngine({ container: document.querySelector(".chartContainer") }); // Declare a CIQ.ChartEngine object. This is the main object for drawing charts. const symbol = "SPY"; CIQ.postAjax("https://jsfiddle.chartiq.com/sample_json.js?symbol=" + symbol, null, function(status, response) { if (status != 200) { return; } var yourData = JSON.parse(response); stxx.loadChart( symbol, yourData, null, { periodicity: { period: 1, interval: 'day' } } ); });
<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> <!--[if IE 8]><script>alert("This template is not compatible with IE8");</script><![endif]-->