Price Change with Syncfusion
HTML
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.1.0.37/js/common/ej.core.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.1.0.37/js/common/ej.data.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.1.0.37/js/common/ej.globalize.js" type="text/javascript"></script>
<script src="https://cdn.syncfusion.com/15.1.0.37/js/datavisualization/ej.chart.js" type="text/javascript"></script>
<div id="chart_div"></div>
JavaScript
$(function () {
var options = {
primaryXAxis: { },
primaryYAxis: { rangePadding: "normal" },
commonSeriesOptions: { type: "candle" },
series: [{ points: [] }],
};
var dataPrice = [
135, 132, 128, 133, 130,
130, 132, 134, 139, 137,
145, 158, 147, 143, 150,
149, 160, 164, 167, 156,
165, 168, 171, 173, 169,
177, 180, 176, 170, 175,
179, 173, 170, 170, 168,
165, 171, 175, 179, 175
];
for (var i = 0; i < dataPrice.length; i++) {
options.series[0].points.push({
x: 1970 + i,
open: dataPrice[i] + 1,
close: dataPrice[i] - 1,
high: dataPrice[i] + 1,
low: dataPrice[i] - 1
});
}
$("#chart_div").ejChart(options);
});