柱状图点击切换数据

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

这种效果怎么实现

...全文

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

写回复

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

Hello World, 2018-03-14

打赏
举报

回复

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

简单的柱状图，使用了YAHoo发布的js类库，效果不错，有点flash的感觉。
简单的数据显示还是不错的

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

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

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

echarts 柱状图根据数据设置不同颜色/点击切换颜色

87,997

社区成员

224,709

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

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

+ 用AI写文章