echarts the setting range display different colors

= Option { 
    Legend: {}, 
    ToolTip: { 
        Formatter: function (RES) {
             return res.data.name; 
        } 
    }, 
    visualMap: { // within interval controls the display color 
            Top: 10 , 
            right: 10 , 
            Show: to 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: { // axis scale 
                alignWithLabel : to true , // its tick 
                interval The: 0 , 
            }, 
    }, 
    YAXIS: {}, 
    Series: [ 
        { 
            type: 'line' , 
            Data: [ 
                { 
                    name: "yellow spot" , 
                    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,
                }
            },
            
        }
    ]
};

 

Guess you like

Origin www.cnblogs.com/xifengmo/p/11512485.html