score:1

unlike highcharts, i don't think highstock support the xaxis.categories config.

however, you could specify the dates directly in serie.data like this:

{
    name: 'john',
    data: [
        [new date(2014, 5, 11).gettime(), 5],
        [new date(2014, 5, 12).gettime(), 3],
        [new date(2014, 5, 13).gettime(), 4],
        ...
    ]
}

and the dates must be in ascending order, otherwise the chart will be broken.

another thing is you might want to set this to make columns align with date labels correctly.

plotoptions: {
    column: {

        ...

        datagrouping: {
            enabled: true,
            forced: true,
            units: [
                ['day', [1]]
            ]
        }
    }
},

example jsfiddle: http://jsfiddle.net/1xlny72q/2/

hope this helps.

score:1

when we make highstock graph by series then we can't pass x-axis seprated data as per like highchart like in your code

 xaxis: {
                categories: [new date(2014, 5, 30).gettime()/1000,new date(2014, 5, 29).gettime()/1000,new date(2014, 5, 28).gettime()/1000,new date(2014, 5, 27).gettime()/1000,new date(2014, 5, 26).gettime()/1000,new date(2014, 5, 25).gettime()/1000,new date(2014, 5, 24).gettime()/1000,new date(2014, 5, 23).gettime()/1000,new date(2014, 5, 22).gettime()/1000,new date(2014, 5, 21).gettime()/1000,new date(2014, 5, 20).gettime()/1000,new date(2014, 5, 19).gettime()/1000,new date(2014, 5, 18).gettime()/1000,new date(2014, 5, 17).gettime()/1000,new date(2014, 5, 16).gettime()/1000,new date(2014, 5, 15).gettime()/1000,new date(2014, 5, 14).gettime()/1000,new date(2014, 5, 13).gettime()/1000,new date(2014, 5, 12).gettime()/1000,new date(2014, 5, 11).gettime()/1000 ]
            },

its not work in highstock

for this you need to pass these each separate value on each series like below

{
    name: 'john',
    data: [
        [new date(2014, 5, 11).gettime(), 5],
        [new date(2014, 5, 12).gettime(), 3],
        ...
    ]
},name: 'jane',

          data: [
        [new date(2014, 5, 11).gettime(), 2],
        [new date(2014, 5, 12).gettime(), 3],
        ...
    ])
        }, {
            name: 'joe',
             data: [
        [new date(2014, 5, 11).gettime(), 5],
        [new date(2014, 5, 12).gettime(), 4],
        ...
    ]}

and as per @rantarm dates must be in ascending order and datagrouping as mention in his comment


Related Query