v-charts柱状图X轴因数据太多,导致X轴字段显示不全。解决办法:将X轴字段显示改成斜体或者垂直显示。

v-charts X轴垂直显示代码如下:

this.chartExtend = {
xAxis: {
 // ------------------------横坐标垂直显示
 axisLabel: {
      interval:0,
     formatter:function(value)
     {
         return value.split("").join("\n");
     }
 }
}

v-charts X轴倾斜显示代码如下:

this.chartExtend = {
xAxis: {
 // ------------------------横坐标倾斜显示
 axisLabel: {
   margin: 15,//距离
   interval: 0,
   rotate: 30,//倾斜度
  },
  triggerEvent: true
}

你可能感兴趣的:(v-charts柱状图X轴因数据太多,导致X轴字段显示不全。解决办法:将X轴字段显示改成斜体或者垂直显示。)