Echarts饼状图数据动态获取

最新推荐文章于 2022-09-20 18:42:17 发布

置顶

fjzzpljj

最新推荐文章于 2022-09-20 18:42:17 发布

阅读量1.7k

点赞数

分类专栏： Echarts

本文链接：https://blog.csdn.net/fjzzpljj/article/details/105931465

版权

本文介绍了如何在Echarts中动态获取饼状图数据，强调了引入Echarts库的重要性以及在后台数据处理时的注意事项，包括定义饼状图大小和使用ajax进行数据获取。通过示例展示了SSM框架下正确的方法，以实现饼状图的正确渲染。

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

首先肯定是引入echarts的相关jar包，地址：https://www.echartsjs.com/zh/download.html

你可以引入在线定制生成的jar包，如下图所示：

然后接下来就自己在线定制吧。

划红线的一定要定义，没有定义饼状图的大小，是看不到图表的。

var AlarmEcharts = echarts.init(document.getElementById('ConcentratorAlarmEcharts'));
	
	AlarmEcharts.setOption({
		title: {
	        text: '告警饼状图',
	        subtext: '告警统计',
	        left: 'center'
	    },
	    tooltip: {
	        trigger: 'item',
	        formatter: '{a} <br/>{b} : {c} ({d}%)'
	    },
	    legend: {
	        orient: 'vertica