永宏BI-集成JS自定义绘图(环状图)
结果样式:
绑定数据:
自定义JS代码:
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处显示
JS代码中 options.column1 options.column2 options.column3 为绑定数据
本文来自博客园,作者:skystrivegao,转载请注明原文链接:https://www.cnblogs.com/skystrive/p/18544511
整理不易,如果对您有所帮助 请点赞收藏,谢谢~