echarts图表我在一个页面上做了两个柱状图，第二个有数据显示，第一个却不显示

我是纯豆腐 2018-06-21 07:40:12

...全文

5413 6 打赏收藏转发到动态举报

写回复

6 条回复

切换为时间正序

请发表友善的回复…

发表回复

三害 2021-05-27

打赏
举报

回复

引用 4 楼黄金清纯小王子的回复:

你两次的名字重复了，所以会出问题

我解释一哈：6楼应该是在骂4楼，4楼确实是在放屁

zhtoad 2021-05-22

打赏
举报

回复

引用

有个tips，你需要设置一下。

黄金清纯小王子 2018-06-28

打赏
举报

回复

你两次的名字重复了，所以会出问题

我是纯豆腐 2018-06-22

打赏
举报

回复

引用 1 楼 xuzuning 的回复:

显然是代码写错了

哪里错了呢
一开始还好好的呢

囧 2018-06-22

打赏
举报

回复

对比下2个option的tooltip参数

xuzuning 2018-06-21

打赏
举报

回复

显然是代码写错了

基于本人所用框架是wepy,最近在微信小程序里需要绘制一些echarts图表，搜索很多都是原生代码集成，总之也是费了一番功夫，记录一下实践过程： 1.将echarts.js 和 wx-canvas.js 集成到项目里； 2.在page页中引入上述两个文件，就可以在画布上开始绘制所需要的图表了，需要注意的有几点， a.绘图需要指定宽和高； b.图中绿框标注的class名称必须和第二张图片中的名称一致，但不需要和canvas-id保持一致； c.图中红框标注的canvas-id必须保持一致； d.canvas绘图的canvas-id是唯一的，即如果需要绘制两个图表，若两个图表的canvas-id相

一个JSON数据，通过echarts实现一个页面同时显示多个图表，我这是通过写一个option实现多个图表（折线图，饼图，关系图）展示，也就是说只要一个div（dom对象），实现多个不同形状的图表展示。总体采用了LayUI（表格）+eCharts技术，通过在html页面，引入自定义的js，实现预期页面效果。自己在网上找了下，没有找到对应的文章，直接来说怎么实现，所以特意写了此文章，共同学习。总结技巧：1.先用最少的代码显示出图 2.【关键点】自己能控制每个图在指定的地方的显示 3.确定每个图位置，整体布

本课程介绍在真实工作开发场景下的Echarts的展示图表，1小时快速掌握工作中的Echarts图表展示，没有那么多华丽的介绍，看完你就明白！

如下图所示，一共使用了2个图表（1柱状图、1饼图），正常情况是这样的：是的，2个图表都出现了，但是有时候图表只展示1个，有时候2个都不展示，如下图：为什么会出现这种现象？经排查，由于我们的echarts图表是用webview展示的，并且封装成了一个组件供调用，当多个组件同时调用echarts时，它只能处理一个，于是另外一个就出现渲染不出图表的情况，我称之为“竞引” 如何解...

中本地支行echarts运行正常，切到线上环境初始时没有问题但切换页面就会出现echarts图表显示不出来，这个问题只在线上部署的时候出现。目前找到了两个解决方案，做下记录。echarts挂载的dom元素有一个属性：_echarts_instance_，它应该类似id，需要每次刷新重新生成，所以我们每次挂载前都去除这个属性。将echarts图表挂载的div的id改成动态id，确保切换页面时，echarts图表每次都可以重新挂载。以上两个方案都测试可以解决这个问题。

87,920

社区成员

224,618

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章