将echarts 显示颜色的信息，后边跟着当前值

你可以在tooltip的formatter中使用HTML元素来实现将颜色信息和当前值放在一起，并且后面带着当前的值。具体步骤如下：

1.在 ECharts 中，通过series.itemStyle.normal.color定义数据项的颜色，同时在tooltip.formatter中使用`{a}`和`{b}`分别表示系列名和数据项名，使用`{c}`表示数据项的值，例如：

option = {
    series: [{
        type: 'bar',
        data: [10, 20, 30, 40],
        itemStyle: {
            normal: {
                // 定义颜色
                color: function(params) {
                    var colorList = ['#C1232B','#B5C334','#FCCE10','#E87C25'];
                    return colorList[params.dataIndex];
                }
            }
        }
    }],
    tooltip: {
        formatter: '{a} : <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:{color}"></span>{b} : {c}'
    }
};

2.在formatter中使用HTML元素`<span>`来实现将颜色信息和当前值放在一起，例如：

tooltip: {
    formatter: function(params) {
        var colorSpan = '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' + params.color + '"></span>';
        return params.seriesName + ' : ' + colorSpan + '颜色 : ' + params.color + '，当前值 : ' + params.value;
    }
}

上述代码中，使用HTML元素`<span>`来实现将小圆点和颜色信息放在一起，后面跟着当前值，通过`params.value`获取当前值。如果要将它们放在数据项的前面或中间，只需要调整HTML元素的位置即可。