Code URL:http://jsfiddle.net/hJP9t/1/
Problem description:
1. define chart like this:
Code: Select all
var data = [
[1327881600000, 453.01],
[1327968000000, 456.48],
[1328054400000, 456.19],
[1328140800000, 455.12],
[1328227200000, 459.68],
[1328486400000, 463.97],
[1328572800000, 468.83],
[1328659200000, 476.68],
[1328745600000, 493.17],
[1328832000000, 493.42],
[1329148800000, 100],
[1329148802000, 100],
[1329148803000, 100],
[1329148804000, 100],
[1329148805000, 100],
[1329148806000, 100],
[1329148807000, 100],
[1329148808000, 100],
[1329148809000, 100],
[1329148810000, 100]];
window.chart = new Highcharts.StockChart({
chart: {
renderTo: 'container'
},
title: {
text: 'Test'
},
tooltip: {
enabled: true,
xDateFormat: '%Y-%m-%d %H:%M:%S'
},
plotOptions: {
line: {
dataGrouping: {
enabled: false
}
},
series: {
cursor: 'pointer'
}
},
series: [{
name: 'AAA',
data: data
}]
});
data[0] - data[9]: time interval is one day,
data[10] - data[19]: time interval is one second.
create series use this group of data, see the chart result, the distances between one second and one day are the same.
it looks strange especially in Navigator.
is there any way to control the behavior of the series?
2. use the same code above, and try to drag the navigator, in IE browser, script running slowly msg will be shown.
thanks for any help in advance.