在Highcharts中,當使用多個軸線時,兩個或兩個以上相反軸的刻度將會自動添加到刻度線而且刻度線數最少。這個能夠設置 alignTicks 爲 false 來阻止。若是網格線顯得零亂,這裏有個方法來隱藏它們,就是設置 gridLineWidth 爲 0。默認設置爲 true。this
操做一: alignTicks 默認設置爲truecode
$(function () { $('#container').highcharts({ chart: { //alignTicks: false, type: 'line' }, xAxis: { categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] }, yAxis: [{ title: { text: 'Primary Axis' }, gridLineWidth: 0 }, { title: { text: 'Secondary Axis' }, opposite: true }], legend: { layout: 'vertical', backgroundColor: '#FFFFFF', floating: true, align: 'left', x: 100, verticalAlign: 'top', y: 70 }, tooltip: { formatter: function() { return ' '+ this.x +': '+ this.y; } }, plotOptions: { }, series: [{ data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4] }, { data: [129.9, 271.5, 306.4, 29.2, 544.0, 376.0, 435.6, 348.5, 216.4, 294.1, 35.6, 354.4], yAxis: 1 }] }); });
操做二: alignTicks 設置爲falseorm
.......ip