ECharts设置柱状图超出规定值变色以及阈值线

在ECharts中，可以通过设置series中的itemStyle来实现超出指定值变色的效果，同时可以使用markLine来添加阈值线。以下是一个简单的例子：

option = {
    xAxis: {
        type: 'category',
        data: ['A', 'B', 'C', 'D', 'E', 'F', 'G']
    },
    yAxis: {
        type: 'value'
    },
    series: [{
        data: [120, 200, 150, 80, 70, 110, 130],
        type: 'bar',
        itemStyle: {
            color: function(params) {
                // 超出预定值（例如100）的颜色变化
                if (params.value > 100) {
                    return '#ff0000'; // 红色
                } else {
                    return '#0000ff'; // 蓝色
                }
            }
        },
        markLine: {
            data: [
                {type: 'average', name: '平均值'},
                {xAxis: 0, yAxis: 100} // 阈值线，x轴位置0，y轴位置100
            ],
            symbol: ['none', 'none'], // 去掉标记线两端的箭头
            label: {
                position: 'end', // 标签位置
                formatter: '{b}:{c}' // 标签格式
            }
        }
    }]
};

在这个例子中，柱状图中的数据值如果超过100则会变成红色，否则保持蓝色。同时，一个名为“平均值”的阈值线和一个指定位置（如y轴值为100）的阈值线会被添加到图表中。