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:

current graph

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:

goal graph

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

Popular posts from this blog

OpenCV OpenCL: Convert Mat to Bitmap in JNI Layer for Android -

android - org.xmlpull.v1.XmlPullParserException: expected: START_TAG {http://schemas.xmlsoap.org/soap/envelope/}Envelope -

python - How to remove the Xframe Options header in django? -