柱状图点击切换数据

那那哥 2018-03-14 04:33:12

这种效果怎么实现

...全文

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

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Hello World, 2018-03-14

打赏
举报

回复

直接在图表上实现好像没有。自己弄个下拉框，在改变时刷新图表数据应该可以

JFreeChart Demo的源代码，网上很难找到，这里免费提供给大家了

在数据可视化领域，Echarts 是一款功能强大的 JavaScript 图表库，它提供了丰富的图表类型和交互功能，使得数据的可视化呈现更加生动和直观。其中，实现图表点击切换数据视图的功能可以为用户提供更多维度的数据展示，增强用户对数据的理解和分析能力。初始化图表后，通过监听图表的点击事件，当用户点击 x 轴时，切换图表的数据为 data2；通过以上步骤，我们成功实现了点击图表的 x 轴和 y 轴来切换图表级别数据的功能。在本文中，我们将介绍如何通过点击图表的 x 轴和 y 轴来切换图表级别的数据。

Echarts多条柱状图，数据集接口对接，按钮切换数据。

Vue3+Echarts（柱状图）：点击不同的按钮可以切换不同年份的数据

需求是echarts柱状图，点击柱体打开弹窗，弹窗里也是柱状图，每次点击柱体，弹窗不关闭，只切换里面的数据问题是正常情况下，弹窗都是打开后，点其他地方会先关闭当前弹窗，然后再去打开新的弹窗。给弹窗加:maskClosable=“false” 可以实现点击弹窗外的其他区域不关闭弹窗。但是最后其实是不需要设置这个的弹窗不关闭之后，就是考虑怎么实现点击不同的柱体切换不同的柱状图。我花了好几个小时研究，发现没有想象中的那么复杂，不用做判断或者研究谁的层级更高。在弹窗打开后，我点其他柱体不触发任何事件，

87,991

社区成员

224,688

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章