echarts中tooltip里面小圆点（有图）是怎么做的啦？

Question

由于echarts中tooltip默认样式达不到要求,需要为其第一行增加年月日（已经实现），如下图所示，但是最左侧小圆点怎么做啊？请指点，谢谢！

代码：

tooltip: {

            trigger: 'axis',
            formatter: function (tipData) {
               console.log(tipData,455);

                return times(dateTimes)+'&nbsp'+'&nbsp'+tipData[0].name+'</br>'
                    +'排队量 '+':'+'&nbsp'+'&nbsp'+tipData[0].data+'</br>'
                    +'已接入会话量 '+':'+'&nbsp'+'&nbsp'+tipData[1].data+'</br>'
                    +'未接入会话量 '+': '+'&nbsp'+'&nbsp'+tipData[2].data+'</br>'
                    +'会话总量 '+': '+'&nbsp'+'&nbsp'+tipData[3].data
            }
        },

Answer 1

formatter: function(params) {
                    var result = '';
                    params.forEach(function (item) {
                        result += item.marker + " " + item.seriesName + " : " + item.value +"</br>";
                    });
                    return result;
                }

Answer 2

formatter: function(params) {
    var result = '';
    params.forEach(function (item) {
        result += '<span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:' + item.color + '"></span>';
    });

    return result;
}

Answer 3

默认的 formatter 会提供这一效果，如果必须自定义 formatter，可以用 html 元素生成这个圆点。

Answer 4

tooltip: {

      trigger: 'axis',
       formatter: '{b}<br /><span style="display:inline-block;margin-right:5px;border-radius:10px;width:9px;height:9px;background-color:#c23531"></span>{a0}:{c0}%',
     }

Answer 5

它是根据你的折线数据颜色配置的 你可以尝试改一下全局color:["#890123","#879234"];（2条折线情况下）