Echarts在线免费图表

 
            option = {
    backgroundColor: '#404a59',
    
    legend: {},
    grid: {},
    tooltip: { },
    xAxis: {
         splitLine: {
            show: false
        }
    },
    yAxis: {
        splitLine: {
            show: false
        }
    },
    visualMap: [
        {
            left: 'right',
            top: '10%',
            type: 'piecewise',
            dimension: 2,
            // 当映射项为数字形式的字符串时，无法生效
            categories: ['55', '1%'],
            // 其他形式正常
            // categories: ['1%', '2%'],
            inRange: {
               color: ['red', 'blue']
            },
            outOfRange: {
                color: 'gray'
            },
        },
    ],
    series: [
        {
            name: '北京',
            type: 'scatter',
            data: [
                // 将两个数据项交换顺序就可以正常显示
                [1.05, 5.678, '55'],
                [0.78, 3.29, '1%'],
            ]
        },
    ]
};