水球图,基线
配置项如下
const data = [0.68, 0.36]
option = {
// x轴
xAxis:{
show:false, // 不显示
},
// y轴
yAxis: {
show:false, // 不显示
},
grid:{
top:'2.5%',
right:'40',
bottom:'2.5%',
left:0,
},
series: [{
type: 'liquidFill',
radius: '96%', // 半径大小
center: ['50%', '50%'], // 布局位置
data, // 水球波纹值
outline: { // 轮廓设置
show: true,
borderDistance: 2, // 轮廓间距
itemStyle: {
borderColor: '#294D99', // 轮廓颜色
borderWidth: 4, // 轮廓大小
shadowBlur: 'none', // 轮廓阴影
}
},
},{
type: 'line', // 折线图
markLine: {
silent: true, // 不触发鼠标事件
symbol:'', // 标线两端样式
lineStyle:{ // 标线样式
color: '#f00',
type: 'solid'
},
data: [{ // 标线数据
yAxis: data[1], // y 轴
}]
}
}]
};