echarts折线图多条折线展示数据错乱（已解决）

蓝胖子的多啦A梦

已于 2022-06-29 14:49:45 修改

阅读量4.2k

点赞数 17

分类专栏： vue 文章标签： echarts 前端 javascript

于 2022-06-29 14:49:13 首次发布

本文链接：https://blog.csdn.net/Maxueyingying/article/details/125521910

版权

vue 专栏收录该内容

99 篇文章

订阅专栏

在使用 Echarts 创建折线图时遇到数据与图形显示不一致的问题，主要原因是 stack 属性设置不当。通过调整 series 中的 stack 值或者移除该属性，可以解决数据和图表的对齐问题。建议检查数据输入和配置选项，确保 lineStyle 和 itemStyle 的颜色和宽度设置正确，以达到预期的视觉效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用echarts折现多跟线图直接用官方案例的时候，就是数据和绘制图对不上的问题：

在这里插入图片描述

stack: “Total”,//把这个stack去掉或者设置不同数值

series: [
     {
            name: "异常",
            type: "line",
            stack: "Total",//把这个stack去掉或者设置不同数值
            data: this.abnormalList,
            itemStyle: {
              borderColor: "#f0f075",
              color: "#ffffff",
              borderWidth: 2.5,
            },
            lineStyle: {
              color: "#f0f075",
              width: 2.5,
            },
   },