javascript - How can I specify the position of the columns relative to the X-axis labels in a column chart using Highcharts? -
i have time series data well-defined intervals. here's raw data like:
[((datetime.datetime(1997, 10, 20, 0, 0), datetime.datetime(1997, 10, 20, 23, 59, 59)), 1), ((datetime.datetime(1997, 10, 21, 0, 0), datetime.datetime(1997, 10, 21, 23, 59, 59)), 0), ((datetime.datetime(1997, 10, 22, 0, 0), datetime.datetime(1997, 10, 22, 23, 59, 59)), 0), ((datetime.datetime(1997, 10, 23, 0, 0), datetime.datetime(1997, 10, 23, 23, 59, 59)), 1), ((datetime.datetime(1997, 10, 24, 0, 0), datetime.datetime(1997, 10, 24, 23, 59, 59)), 3), ((datetime.datetime(1997, 10, 25, 0, 0), datetime.datetime(1997, 10, 25, 23, 59, 59)), 0), ((datetime.datetime(1997, 10, 26, 0, 0), datetime.datetime(1997, 10, 26, 23, 59, 59)), 0), ((datetime.datetime(1997, 10, 27, 0, 0), datetime.datetime(1997, 10, 27, 23, 59, 59)), 0), ((datetime.datetime(1997, 10, 28, 0, 0), datetime.datetime(1997, 10, 28, 23, 59, 59)), 1), ((datetime.datetime(1997, 10, 29, 0, 0), datetime.datetime(1997, 10, 29, 23, 59, 59)), 4), ((datetime.datetime(1997, 10, 30, 0, 0), datetime.datetime(1997, 10, 30, 23, 59, 59)), 6), ((datetime.datetime(1997, 10, 31, 0, 0), datetime.datetime(1997, 10, 31, 23, 59, 59)), 0), ((datetime.datetime(1997, 11, 1, 0, 0), datetime.datetime(1997, 11, 1, 23, 59, 59)), 0), ((datetime.datetime(1997, 11, 2, 0, 0), datetime.datetime(1997, 11, 2, 23, 59, 59)), 0), ((datetime.datetime(1997, 11, 3, 0, 0), datetime.datetime(1997, 11, 3, 23, 59, 59)), 2), ((datetime.datetime(1997, 11, 4, 0, 0), datetime.datetime(1997, 11, 4, 23, 59, 59)), 0)] you can see there tuples define exact start , end of each interval. want draw highcharts column chart mimics data above. https://jsfiddle.net/kvh4zt2k/ have:

the problem doesn't mimic data exactly. notice how columns centered on each x-axis label. in order display intervals exactly, want x-axis labels on left edge of each column. here's crappy photoshop illustrates how columns should aligned relative x-axis labels:

i've scoured api docs , tried bunch of things without success. how can this?
set pointplacement: "between", see: http://jsfiddle.net/kvh4zt2k/1/
api reference.
Comments
Post a Comment