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

图片说明

只需扩展折线图,替换你所需要的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); 

interval这属性等于0就全显示了

https://blog.csdn.net/hht006158/article/details/79714756

你把IsStaggered 设置为true试试,你的下标太长,他放不下,放不下的就会这样。或者你把中文去了