chart.js折线图x轴显示不完整，ABCDEFGH,却两个两个的隔开了，怎么全部显示啊

Question

Answer 1

只需扩展折线图，替换你所需要的xLabel

Chart.types.Line.extend（{
 name：“LineAlt”，
 initialize：function（data）{
 Chart.types.Line.prototype.initialize.apply（this，arguments）; 
 var xLabels = this.scale.xLabels 
 xLabels.forEach function（label，i）{
 if（i％2 == 1）
 xLabels [i] =''; 
}）
} 
} 


 var lineChartData = {
 labels：[“January”，“February”，“March”，“April”，“May”，“June”，“July” ，“August”，“September”，“October”，“November”，“December”]，
 datasets：[
 {
 fillColor：“＃79D1CF”，
 strokeColor ：“＃79D1CF”，
 data：[59，80，81，56，55，40，34，43，43，12，65，65] 
} 
] 
}; 

 var ctx = document.getElementById（“myChart”）。getContext（“2d”）; 
 var myLine = new Chart（ctx）.LineAlt（lineChartData）;