echarts - ECharts 折线图数据差值大导致显示异常，如何解决？

Question

如图所示，分数这根折线数值较大，显示位置正常。而各个名次均是比较小的数，折线位置Y轴刻度明显应该在100以下，折线也该在100以下的。哪里出了问题呢？

补充代码===============================

const option6 = {  title: {    text: '总分'  },  tooltip: {    trigger: 'axis'  },  legend: {    data: ['分数', '县级名次', '校级名次', '班级名次']  },  grid: {    left: '8%',    right: '4%',    bottom: '3%',    containLabel: true  },  toolbox: {    feature: {      saveAsImage: {}    }  },  xAxis: {    type: 'category',    boundaryGap: false,    data: examNameArray,    axisLabel: {      show: true,      rotate: 35,//35度角倾斜显示    }  },  yAxis: {    type: 'value'  },  series: [    {      name: '分数',      type: 'line',      stack: 'Total',      data: examScoreArray    },    {      name: '县级名次',      type: 'line',      stack: 'Total',      data: examLevel1Array    },    {      name: '校级名次',      type: 'line',      stack: 'Total',      data: examLevel2Array    },    {      name: '班级名次',      type: 'line',      stack: 'Total',      data: examLevel3Array    }  ]}

Answer 1

去掉 stack: 'Total' 属性，使用 stack 会把数据堆叠起来的。

series-line.stack | Documentation - Apache ECharts

var data1 = [150, 230, 224, 218, 135, 147, 260]var data2 = [1, 1, 1, 1, 1, 1, 1]var data3 = [1, 1, 1, 1, 1, 1, 1]var data4 = [1, 1, 1, 1, 1, 1, 1]var option = {  title: {    text: '总分'  },  tooltip: {    trigger: 'axis'  },  legend: {    data: ['分数', '县级名次', '校级名次', '班级名次']  },  grid: {    left: '8%',    right: '4%',    bottom: '3%',    containLabel: true  },  toolbox: {    feature: {      saveAsImage: {}    }  },  xAxis: {    type: 'category',    axisLabel: {      show: true,      rotate: 35,//35度角倾斜显示    }  },  yAxis: {    type: 'value'  },  series: [    {      name: '分数',      type: 'line',      data: data1    },    {      name: '县级名次',      type: 'line',      data: data2    },    {      name: '校级名次',      type: 'line',      data: data3    },    {      name: '班级名次',      type: 'line',      data: data4    }  ]}