javascript - Highcharts Synchronized charts with missing data points -


i have 2 charts display time series data trying synchronize crosshair , tool tips. however, charts not have same number of data points. causes crosshair , tooltip become out of sync between 2 graphs.

i have enabled connectnulls: true on both , while smoothes lines, not add data points time periods don't exist.

is there way configure connectnulls inserts filler points?

enter image description here

updated

here simple jsfiddle example, value missing day causes crosshairs become out of sync between 2 graphs.

to set actual x distance between points, can set xaxis.ordinal false. other solution put null values in empty places. set pointstart , pointinterval properties.

api reference:
http://api.highcharts.com/highstock/xaxis.ordinal
http://api.highcharts.com/highstock/plotoptions.series.pointstart
http://api.highcharts.com/highstock/plotoptions.series.pointinterval

examples:
http://jsfiddle.net/csgbxdaj/ - setting ordinal false
http://jsfiddle.net/gjxhbf7w/ - putting nulls in series.data array


Comments

Popular posts from this blog

Add new key value to json node in java -

php - Vagrant up error - Uncaught Reflection Exception: Class DOMDocument does not exist -