Echarts饼图自定义提示框内容

最新推荐文章于 2024-09-09 14:08:32 发布

晓未苏

最新推荐文章于 2024-09-09 14:08:32 发布

阅读量9.3k

点赞数 3

分类专栏：前端文章标签：数据可视化 javascript echarts

本文链接：https://blog.csdn.net/fffvdgjvbsfkb123456/article/details/107092915

版权

本文介绍如何在Echarts饼图中自定义提示框内容，通过后台将数据包装成特定格式，结合tooltip配置，参考相关教程实现个性化显示。

摘要由CSDN通过智能技术生成

效果图：
在这里插入图片描述
首先在后台把数据包装成下面格式，lightTypeList集合中的数据格式

//获取饼状图的数据
function finLightRoadTotal(){
   
		var lightType = $("#lightType").combobox('getValue');
		// var areaId = $("#areaId").combobox('getValue');
		var roadId = $("#roadId").combobox('getValue');
		progressLoad();
		$.post("${path}/rul",{
   lightType:lightType,roadId:roadId},function(data){