Highcharts 標記對齊與軸網格線不匹配

Question

選項傳遞如下：

var chartOptions = {
                        chart: {
                            backgroundColor: 'white',
                            type:'line'
                        },
                        title: { 
                            text:null
                        },
                        xAxis: {
                            gridLineWidth:0.5,
                            gridLineColor:'#e1e1e1',
                            tickInterval:intervalPeriod,
                            tickWidth: 0,
                            type: 'datetime',
                            dateTimeLabelFormats: dateTimeLabelFormats
                        },  
                        yAxis: {
                            gridLineWidth:0.5,
                            gridLineColor:'#e1e1e1',
                            allowDecimals:false,
                            tickAmount: 5,
                            title: {
                                text: null
                            }
                        },
                        tooltip:{
                            shared:true,
                            xDateFormat:'%e  %b, %Y',
                            crosshairs:true
                        }
                }

Answer 1

您需要為tickInterval和pointInterval設置相同的值，以便顯示與系列點同步的刻度。 當點的間隔不規則時，您可以使用tickPositions數組。

API參考：
http://api.highcharts.com/highcharts/xAxis.tickInterval
http://api.highcharts.com/highcharts/plotOptions.series.pointInterval
http://api.highcharts.com/highcharts/xAxis.tickPositions

例子：
http://jsfiddle.net/zycwaexa/ - 使用相同的tickInterval和pointInterval http://jsfiddle.net/z7pnwtrs/ - 使用tickPositions