画图形表格用ECharts

最新推荐文章于 2024-07-01 10:49:56 发布

原创最新推荐文章于 2024-07-01 10:49:56 发布 · 7.3k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#图形 #web

一些小记录同时被 3 个专栏收录

15 篇文章

订阅专栏

5 篇文章

订阅专栏

jsp

3 篇文章

订阅专栏

本文介绍如何在ECharts中实现表格数据的点击事件，包括获取被点击数据的索引及自定义属性等信息。此外，还探讨了在绘制中国地图时遇到标题乱码的问题及其解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

http://echarts.baidu.com/examples.html#chart-type-bar
Echats表格的官网
数据要使用数组形式数据
表格内的点击事件

	echart.on('click', function (params) {
		console.log(params.seriesIndex);//选中的点数据那个数据下标
		console.log(echart.getOption());//表格数据
		var bengDate=params.name;//选中的点的X轴数据
		var dataList=echart.getOption().series;//表格的series数据列表
		var dataId=dataList[params.seriesIndex].listId;
		/*listId是自定义在series内的属性*/
		
	});

echats 绘制中国地图时,南海诸岛出现标题乱码的时候可能的原因有使用的是echats.min.js,改使用echats.js就可以