永宏BI-集成JS自定义绘图(环状图)

结果样式:

image

绑定数据:

image

自定义JS代码:

image

option = {
	tooltip: {
		trigger: 'item',
		formatter: '{a} <br/>{b}: {c} ({d}%)'
	},
	series: [
		{
			type: 'pie',
			radius: ['50%', '70%'],
			avoidLabelOverlap: false,
			label: {
				show: false,
				position: 'center'
			},
			emphasis: {
				label: {
					show: false,
					fontSize: '30',
					fontWeight: 'bold'
				}
			},
			labelLine: {
				show: false
			},
			data: [
			{value: options.column1, itemStyle: { color: options.column3< 0.5 ? '#E86452' : (options.column3 <= 0.85 ?  '#F6BD16' : '#1CC25E') } },
				 {value: options.column2, itemStyle: { color: '#e6e6e6' } },
			]
		}
	]
};

绑定的数据在Data处显示

image

JS代码中 options.column1 options.column2 options.column3 为绑定数据

image

posted @ 2024-11-13 18:26  skystrivegao  阅读(135)  评论(0)    收藏  举报