Highstock flag troubleshooting 2017-11
The flag currently works in this simplistic implementation, but will add more complex configuration until the hover error is reproduced.
HTML
<script src="https://cdn.octavient.net/highstock/highstock6.0.2.js"></script>
<link rel="stylesheet" href="https://cdn.octavient.net/highstock/highcharts6.0.2.css">
<script src="https://cdn.octavient.net/moment/moment.js"></script>
<div id="chart_1" class="chart chart_magmonitor_01"></div>
CSS
.chart_magmonitor_01 {height:500px;}
JavaScript
var magmonitor = magmonitor || {};
magmonitor.chart = {};
magmonitor.chart.server_url1 = 'https://cdn.octavient.net/highstock/sample_chart_data.aspx';
//url1 date range: 2015-03-27T13:36:00Z to 2015-06-25T13:00:00Z
magmonitor.chart.server_url2 = 'https://cdn.octavient.net/highstock/sample_chart_data3.aspx';
//url2 date range: 2015-04-29T04:00:00Z to 2015-06-25T13:00:00Z
magmonitor.chart.data_series = ['HEL', 'HEP', 'CHR', 'RR', 'WF', 'WT', 'CS1'];
magmonitor.chart.afterSetExtremes = function (e) {
//console.log('init after set extremes');
window.chart.showLoading('Loading data from server...');
$.getJSON(magmonitor.chart.server_url2, function (response) {
magmonitor.current_dataset = response.data;
magmonitor.chart['HEL'] = [];
magmonitor.chart['HEP'] = [];
magmonitor.chart['CHR'] = [];
magmonitor.chart['RR'] = [];
magmonitor.chart['CS1'] = [];
magmonitor.chart['WF'] = [];
magmonitor.chart['WT'] = [];
$(magmonitor.current_dataset).each(function () {
var dt = Date.parse(this['dt']);
magmonitor.chart['HEL'].push([dt, this['a']]);
magmonitor.chart['HEP'].push([dt, this['c']]);
magmonitor.chart['CHR'].push([dt, this['b']]);
magmonitor.chart['RR'].push([dt, this['d']]);
magmonitor.chart['CS1'].push([dt, this['e']]);
magmonitor.chart['WF'].push([dt, this['f']]);
magmonitor.chart['WT'].push([dt, this['g']]);
});
$.each(magmonitor.chart.data_series, function (index, value) {
window.chart.series[index].setData(magmonitor.chart[value]);
});
window.chart.hideLoading();
});
};
$.getJSON(magmonitor.chart.server_url1, function(response){
//$("div").append(response.data.length);
magmonitor.current_dataset = response.data;
magmonitor.chart['HEL'] = [];
magmonitor.chart['HEP'] = [];
magmonitor.chart['CHR'] = [];
magmonitor.chart['RR'] = [];
magmonitor.chart['CS1'] = [];
magmonitor.chart['WF'] = [];
magmonitor.chart['WT'] = [];
...