如何利用echarts图表获取条状图点击名称和值

2025-04-24 13:28:15

1、第一步，新建静态页面bar.html，修改title并引入echarts js文件，如下图所示：

2、第二步，添加条状图容器，在<body></body>插入一个div，并给出id属性和宽度高度，如下图所示：

3、第三步，编写生成条状图的js代码，添加数据和样式，如下图所示：

4、第四步，预览该图形界面，可以看到效果图，如下图所示：

5、第五步，编写点击条状图的柱子，然后获取它们的name和value，如下图所示：

6、第六步，再次预览该界面，打开浏览器的控制台，查看打印结果，如下图所示：

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。