Echarts多曲线数值与Y周刻度不符合:
问题描述:
在展示多曲线图表的时候,发现图表曲线数值与Y轴刻度对应不上
问题解决方式:
查看下Echarts的配置option中的seriess属性(多曲线的时候这个属性应该是一个数组),然后查看数组中的每个对象里面是否包含stack的属性,然后把该属性删除 我看网上有说,把stack的值修改成唯一值也可以 但是我修改没起作用 索性删掉了 就对上了
修复后
Echarts tooltip文字设置左对齐
tooltip : {trigger: 'axis', textStyle:{align:'left' // 文字左对齐}
}
Echarts折线图背景区间色自定义
需求:低于60的背景色为红色
通过markArea这个属性来控制 代码中yAxis是纵轴的范围
markArea: {data: [[{yAxis: 0, //开始itemStyle: {// 看这里,加了这个属性color: '#c33',// borderWidth: 1,// borderType: "dashed",opacity: 0.2}},{yAxis: 60,//结束}],// 如果有多种颜色,就继续在这里写区间数组,复制上面的下来改颜色]}
可以参考echarts折线图背景颜色自定义,实心圆点,虚线网格等功能_echarts折线图背景格子-CSDN博客
记录的更详细 官网也有对markArea这个属性具体的用法作了详细阐述