将echarts 显示颜色的信息，怎么放到指定位置，并且后边要带着当前的值

你可以使用 ECharts 的 tooltip 组件来实现将颜色信息和当前值放在指定位置上。具体步骤如下：

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

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} : {c}<br/>{b} : {color}'
    }
};

2.在 tooltip.formatter 中使用 `{color}` 表示数据项的颜色，例如：

tooltip: {
    formatter: '{a} : {c}<br/>{b} : <span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:{color}"></span>{color}'
}

其中 `{color}` 会被替换成一个小圆点，样式为 `display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:{color}`，其中 `{color}` 表示数据项的颜色。

3.如果要将小圆点和颜色信息放在数据项的前面或后面，可以在 formatter 中加入 HTML 元素来控制布局，例如：

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 + ' : ' + params.value + '<br/>' + colorSpan + '颜色 : ' + params.color;
    }
}

上述代码中，将小圆点和颜色信息放在数据项的后面，通过 HTML 元素 `<br/>` 实现换行。如果要将它们放在数据项的前面，只需要调整 HTML 元素的位置即可。