[Vuejs]-Vuejs + HighchartJS xAxis width

by

0👍

When you have a problem with placing columns on your chart correctly I suggest experimenting a little with different properties of the axis. You can set e.g tickInterval to day interval, you can also set minimum and maximum values for the chart. Please check them out and tell me if it helped you.

API references:

https://api.highcharts.com/highcharts/xAxis.tickInterval

https://api.highcharts.com/highcharts/xAxis.type

https://api.highcharts.com/highcharts/xAxis.min

https://api.highcharts.com/highcharts/xAxis.max

Demo:

https://jsfiddle.net/BlackLabel/4xj73w1L/

xAxis: {
 type: 'datetime',
 min: new Date('2016-12-31T15:00:00Z').getTime(),
 max: new Date('2017-01-03T15:00:00Z').getTime(),
 tickInterval: 24 * 3600 * 1000
},

Leave a comment