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 stxx1 = new CIQ.ChartEngine({ container: document.querySelector(".chartContainer1"), layout: { "chartType": "candle", "candleWidth": 16 } }); const stxx2 = new CIQ.ChartEngine({ container: document.querySelector(".chartContainer2"), layout: { "chartType": "line" } }); const stxx3 = new CIQ.ChartEngine({ container: document.querySelector(".chartContainer3"), layout: { "chartType": "mountain" } }); stxx1.loadChart("SPY", sampleData); stxx2.loadChart("IBM", sampleData); stxx3.loadChart("GE", sampleData);
<link rel="stylesheet" type="text/css" href="https://jsfiddle.chartiq.com/chart/css/stx-chart.css" media="screen" /> <div class="chartContainer1" style="width:600px;height:150px;position:relative;"></div> <div class="chartContainer2" style="width:600px;height:150px;position:relative;"></div> <div class="chartContainer3" style="width:600px;height:150px;position:relative;"></div>
/* turn off zoom buttons #chartSize { display: none; } */ /* don't display the symbol label .stx-panel-title { display: none; } */