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

结果样式：

绑定数据：

自定义JS代码：

option = {
tooltip: {
trigger: 'item',
formatter: '{a}
{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 为绑定数据