1.option中dataZoom配置及xAxis配置:
因为我做的需求是需要lable展示与value值两个,所以我用了axisLabel的formatter
this.option = {
dataset: {
source: this.chartList.stateDataSet,
},
dataZoom: [
{
top: 100,
type: 'slider',
xAxisIndex: [1, 2, 3, 4, 5],
realtime: false, // 只在拖拽结束的时候更新
labelFormatter: (index: number) => {
let str = '';
console.log(this.chartList.stakeMileageArr);
if (this.chartList.stakeMileageArr[index]) {
// labelFormatter返回值是个string,需将数据转换为string
str = this.chartList.stakeMileageArr[index].toString();
}
return str;
}
}
],
axisPointer: {
link: [{ xAxisIndex: 'all' }],
},
tooltip:
{
trigger: 'axis',
axisPointer: {
type: 'cross&