Echarts 动态添加legend.

mc_dv 2015-10-30 09:33:47

如题 . Echarts 动态添加legend.

...全文

1318 1 打赏收藏转发到动态举报

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

chinanancy 2016-01-28

打赏
举报

回复

不知道如何动态添加,试过动态赋值,option里面直接赋值arr即可: , legend: { x: 'left', data:Arr(你要显示的legend数组) },

解决办法：不能单独添加data，要将legend一起整体添加。如果legend中的data是动态加入的就会不显示。

方法会合并新的配置项到已有的配置项中，所以我们需要确保新数据正确地添加到 legend 数据中。在这个示例代码中，我们首先初始化了图表，并设置了初始的 legend 数据。echarts折线图中legend中的data是动态加入的不显示，怎么让lengend显示。在 ECharts 中，如果你想让 legend 显示动态加入的数据，你可以通过调用。方法来更新配置项，将新数据添加到 legend 中并使其显示。

我遇到的问题是先初始化一个图表，后面再根据下拉框中选择的内容在图表中动态添加展示的数据，且原来图表中展示的内容不被覆盖。解决这个问题，我方法是这样的首先定义两个全局的变量，分别用来指向初始化时的返回的echarts实例和 option 对象。 var global_echarts ; var global_option ; var echarts_main=echarts.init(document.getElementByid('main')) //让全局变量global_echarts指向 ec

一、legend 取消点击事件 legend:{ selectedMode:false,//取消图例上的点击事件 data:['浏览量','访问量'] } 二、legend 添加点击事件图例组件用户切换图例开关会触发该事件。 myChart.on('legendselectchanged', function(params) { var option = this....

87,987

社区成员

224,683

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章