echarts 折线图提示框问题

Question

请问这个提示框下面的倒三角如何实现啊? 使用formatter实现不了. 求大神指教

Answer 1

我个人觉得是用不太着给个小箭头。。

但是你可以这么写

tooltip: {
    extraCssText: 'background-image:url("data:image/svg+xml;base64,......");'
}

把带箭头的整个背景图转成base64，写进去。如果直接写路径的话会找不到

参考 tooltip 额外附加到浮层的 css 样式。

Answer 2

使用图片或者使用css实现就好了

参考以下样式实现吧:https://wow.techbrood.com/fiddle/31346

Answer 3

如果是tooltip的话，每个点悬浮时提示框出现的位置是自适应的，箭头还要指向折线点吗？