javascript - Echarts3(百度)工具提示中的彩色圆形

Question

Echarts3(baidu)工具提示中的彩色圆形

默认情况下，工具提示具有与图形相同颜色的圆形，如下所示:

http://echarts.baidu.com/gallery/editor.html?c=candlestick-brush

但是，如果我自定义工具提示，它会像本例中那样删除颜色编码的圆形:

https://ecomfe.github.io/echarts/doc/example/tooltip.html#-en

有没有办法使用自定义工具提示并将颜色放回原处。

这是另一种解释方式。 转到此链接 pie-simple 并且您会发现没有彩色圆形的图表。

删除以下行:

formatter: "{a} <br/>{b} : {c} ({d}%)"

然后按<运行>刷新，你会看到圆回来了。

Answer 1

Echarts 已经在每个系列的参数中发送带有特定颜色的标记 html。要创建外观新颖的工具提示，您可以简单地将其用于折线图:

   {
     formatter : (args) => {
       let tooltip = `<p>${args[0].axisValue}</p> `;

       args.forEach(({ marker, seriesName, value }) => {
             value = value || [0, 0];
             tooltip += `<p>${marker} ${seriesName} — ${value[1]}</p>`;
       });

       return tooltip;
  }