echarts 堆叠的柱形图 的tooltip tragger为item的显示问题

Question

stackbar,在tooltip设置tragger:"item"后，鼠标移到item上只会显示单独的bar的值，如下图：


想要实现当鼠标移到item，tooltip显示所有的数据：

我知道要写formatter但是不知道怎么写，因为打印出的param只有一个bar的值。。请大神帮忙。。

Answer 1

目前找到的解决方法：trigger设置为axis，然后编写formatter为

   formatter: ({ name, data }) => {
                  const dotHtml1 =
                    "<span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:darkred\"></span>"
                  const dotHtml2 =
                    "<span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:rgb(64,141,39)\"></span>"
                  const dotHtml3 =
                    "<span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:gray\"></span>"
                  const dotHtml4 =
                    "<span style=\"display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:rgb(224,144,115)\"></span>"
                  console.log(data)
                  if (data) {
                    const { name, confirmed, dead, cured, insick } = data
                    const tip = `<b>${name}</b><br />${dotHtml1}${"确诊："}${confirmed}<br />${dotHtml2}${"治愈："}${cured}<br />${dotHtml3}${"死亡："}${dead}<br />${dotHtml4}${"现存："}${insick}<br />`
                    return tip
                  }
                  return `<b>${name}</b><br />${"暂无数据"}`
                }

dothtml是tooltip中的小圆点，没错，整个tooltip都是可以用html定制的。