Jugal | Linear x-axis | Highstock
http://stackoverflow.com/questions/13438937/highstock-highcharts-irregular-data-gets-wrong-x-scale
Jugal Thakkar
http://jugal.me/
by Jugal Thakkar
HTML
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.js" ></script>
<script type="text/javascript" src="http://code.jugal.me/js/jugalsLib.js" ></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/highstock.src.js" ></script>
<script type="text/javascript" src="http://code.highcharts.com/stock/modules/exporting.src.js" ></script>
<div id="container"></div>
CSS
#container{
min-width:500px;
}
JavaScript
var data2 = [
{
"x": 1325676960000,
"y": 86.76},
{
"x": 1325875140000,
"y": 10.357},
{
"x": 1325880000000,
"y": 12.225},
{
"x": 1325880600000,
"y": 7.895},
{
"x": 1325880900000,
"y": 8.829},
{
"x": 1325881200000,
"y": 7.555},
{
"x": 1325881500000,
"y": 7.216},
{
"x": 1325881800000,
"y": 50.256},
{
"x": 1326235620000,
"y": 51.952},
{
"x": 1326313620000,
"y": 25.285},
{
"x": 1326481020000,
"y": 3.874},
{
"x": 1326481380000,
"y": 3.09},
{
"x": 1326484740000,
"y": 7.333},
{
"x": 1326489000000,
"y": 16.043},
{
"x": 1326520440000,
"y": 8.463}
];
var chartingOptions = {
xAxis: {
ordinal: false
},
series: [{
name: 'series 1',
data: data2,
// predefined JavaScript array
type: 'area'
}]
};
chartingOptions = $.extend({}, jugalsLib.getBasicChartOptions(), chartingOptions);
var chart = new Highcharts.StockChart(chartingOptions);