开发者社区彭世瑜的博客文章正文

Echarts折线图line-stack数值和数值显示不一致

2021-11-24 158

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： Echarts折线图line-stack数值和数值显示不一致

官网的例子：

https://echarts.baidu.com/examples/editor.html?c=line-stack

截取一小段代码

{
   name:'邮件营销',
    type:'line',
    stack: '总量',
    data:[120, 132, 101, 134, 90, 230, 210]
},

发现红色线条数值为0，却和覆盖了绿色的线条

d5.1.png

百思不得其解，最后有人回答了我

https://github.com/apache/incubator-echarts/issues/9101

直接去掉

stack: '总量',

也就是这个样子

{
   name:'邮件营销',
    type:'line',
    data:[120, 132, 101, 134, 90, 230, 210]
},

最后显示正常了

d5.2.png

文章标签：

Apache

关键词：

ECharts折线图

ECharts数值

ECharts折线图line-stack数值

ECharts折线图数值

码农技术君

Y2000104

6天前

echarts 柱状图/折线图x轴坐标间隔

Y2000104

20 0 0

博客zhu虎康

6天前

JavaScript 应用服务中间件 nginx

【报错】nginx部署项目后Echarts折线图无法展示

在Vue3+TS+Arco项目中，打包后使用Nginx部署的Echarts折线图显示异常，报`Cannot read properties of undefined(reading 'setOption')`错误。问题源于在定义div时使用了Vue2的`$refs`语法，导致DOM元素无法正确初始化Echarts。解决方法有两种：1) 不推荐使用`document.getElementById`获取DOM并初始化Echarts；2) 推荐在Vue3中通过`ref`获取DOM，在`onMounted`中使用`echarts.init`并借助`nextTick`异步绘制数据。

博客zhu虎康

43 3 3

你挚爱的强哥

6天前

【统计图】Echarts实现多条折线图渐变堆叠效果

你挚爱的强哥

34 1 1

你挚爱的强哥

6天前

设置echarts的grid、tooltip、柱状图渐变色、折线图渐变色

你挚爱的强哥

72 0 0

DyeDD

5月前

Echarts双数值，双类目，x数值y类目的解决总结

在这里我们讨论两个例子：正常下(x是类目轴，y是数值轴)，而如果把x，y变成非正常轴，series下的data仍是一维数组时候，就会使用图表出现异常我们详细说说解决方法当x,y轴都是类目轴怎么办？

DyeDD

95 0 0

祈澈菇凉

6月前

JSON 数据格式

ECharts折线图渲染json格式数据（格式为对象）

祈澈菇凉

59 0 0

祈澈菇凉

6月前

JSON 数据格式

ECharts折线图渲染json格式数据（格式为数组）

祈澈菇凉

52 0 0

祈澈菇凉

6月前

JSON 数据格式

Echarts折线图的折线实线设置成虚线

祈澈菇凉

99 0 0

JYeontu

6天前

数据可视化

echarts图表坐标轴数据标签添加下划线

JYeontu

70 0 0

龙大吉

6天前

数据可视化 JavaScript 前端开发

Echarts是一个开源的JavaScript可视化库，用于创建各种类型的图表

Echarts是JavaScript的开源可视化库，Python通过Pyecharts库可调用它来绘制图表。示例展示了如何用Pyecharts创建柱状图：定义图表对象，设置标题和坐标轴，添加X轴、Y轴数据，最后渲染展示。Pyecharts还支持折线图、散点图、饼图等多种图表类型，更多详情可查阅官方文档。

龙大吉

33 0 0

Echarts折线图line-stack数值和数值显示不一致

热门文章

最新文章

相关电子书