echarts 超出设定范围显示不同的颜色

Posted 2022-10-18 xifengmo

option = 
    legend: ,
    tooltip: 
        formatter:function(res)
            return res.data.name;
        
    ,
    visualMap: //区间内控制显示颜色
            top: 10,
            right: 10,
            show: true,
            dimension: 1,
            pieces: [ min: parseFloat(0.8), max: parseFloat(0.9), color: ‘green‘ ],
            outOfRange: 
                symbol: ‘rect‘, 
                symbolSize: [10, 10],
                color:"red",
            
        ,
    xAxis:
        data:[1,2,3,4,5,6,7,8,9,10],
        axisTick:  //坐标轴刻度
                alignWithLabel: true,//对其刻度线
                interval: 0,
            ,
    ,
    yAxis:,
    series: [
        
            type: ‘line‘,
            data:[
                
                    name:"黄色点",
                    value:0.76,
                    visualMap: false,
                    symbol: ‘rect‘, 
                    symbolSize: [10, 10],
                    itemStyle: 
                        normal: 
                            color:"gold",
                        ,
                    ,
                ,
                0.78,
                0.68,
                0.84,
                0.84,
                0.9,
                0.7,
                0.73,
                0.75,
                0.8
                ],
            label: 
                normal: 
                    show: true,
                    position: ‘top‘,
                    formatter: function(pam)
                        return pam.data[1]
                    ,
                    color: ‘blue‘,
                    fontSize: 8,
                
            ,
            
        
    ]
;