echarts中自定义legend 添加点击置灰效果

在ECharts中，如果你想给自定义的图例添加点击置灰的效果，你可以通过监听图例的`click`事件，并修改对应项的颜色状态。首先，在初始化图表时，你需要创建一个自定义的图例并注册一个处理点击事件的函数。例如：

var myChart = echarts.init(document.getElementById('main'));

// 创建自定义图例
var customLegend = {
    type: 'custom',
    data: ['数据1', '数据2'],
    emphasis: {itemStyle: {color: '#ccc'}}, // 点击后默认灰色
    onclick: function(name) {
        if (name === '数据1') {
            this.setData([{name: '数据1', textColor: '#ccc'}]);
        } else if (name === '数据2') {
            this.setData([{name: '数据2', textColor: '#ccc'}]);
        }
    },
};

myChart.setOption({
    legend: customLegend,
    series: [...], // 系列数据
});

在这个例子中，当用户点击某个图例项时，它的文本颜色会被设置为灰色。如果你有多个图例项需要这样的效果，只需添加更多的条件判断即可。