查询资料,Echarts中没有现成的,如下代码实现x轴显示想要的文字
interval:7 表示数据每隔6个显示一个
xAxis: {
type: 'category',
axisLabel: {
interval: 7,
textStyle: {
fontSize: 15,
},
formatter: function (value, index) {
// 格式化X轴刻度信息为需要显示的
if (index == 0) {
value = "陶岔";
}else if (index == 8) {
value = "澧河渡槽";
} else if (index == 16) {
value = "穿黄隧洞";
} else if (index == 24) {
value = "安阳河倒虹吸";
} else if (index == 32) {
value = "滹沱河倒虹吸";
} else if (index == 40) {
value = "岗头隧洞";
} else if (index == 48) {
value = "西黑山";
} else if (index == 56) {
value = "惠南庄";
} else if (index == 64) {
value = "10,000,000";
}
return value;
},
},
boundaryGap: false,
data: this.temperatureList.label,
},
但是只是修改的x轴的文字,数据并没有改变。这里还需要再想想
应该是数据也要改变才对