水球图加基线echarts 球配置项内容和展示

水球图,基线

配置项如下
      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 轴
            }]
        }

    }]
 };
    
截图如下