F2 icon indicating copy to clipboard operation
F2 copied to clipboard

多组柱形+折线图,使用不同position渲染,tooltip不居中

Open cherrybiu opened this issue 3 years ago • 1 comments

在使用多组柱形图+折线图的展示的时候,如果线和点的渲染指标和柱形图的不一致,就会导致图形的tooltip不居中,试了官方的demo也是这样,请问是什么原因呢? 现象: image

大概是这个样子,tooltip的指示线始终不居中的

cherrybiu avatar Sep 21 '22 14:09 cherrybiu

{ name: 'London', 月份: 'Jan.', 月均降雨量: 18.9, lineValue: 12, }, { name: 'London', 月份: 'Feb.', 月均降雨量: 28.8, lineValue: 2 }, { name: 'London', 月份: 'Mar.', 月均降雨量: 39.3, lineValue: 4 }, { name: 'aa', 月份: 'Jan.', 月均降雨量: 12.9, lineValue: 12 }, { name: 'aa', 月份: 'Feb.', 月均降雨量: 28.8, lineValue: 2 }, { name: 'aa', 月份: 'Mar.', 月均降雨量: 39.3, lineValue: 4 }

具体数据

cherrybiu avatar Sep 21 '22 14:09 cherrybiu

同样问题,也没有参数可以调整。。。

lhiro avatar Oct 10 '22 01:10 lhiro

多图的tooltip没办法知道是想指柱状还是折线。可以试试把tooltip返回的实例 .translate(x, y)一下

tangying1027 avatar Oct 10 '22 11:10 tangying1027

多图的tooltip没办法知道是想指柱状还是折线。可以试试把tooltip返回的实例 .translate(x, y)一下

请问vue3 怎么获取tooltip的实例呢

lhiro avatar Oct 11 '22 02:10 lhiro

主要是偏移的量可能会随组的多少有变化吧,这样感觉不太灵活呢,后期能否提供一个可传入的属性来辨别具体是指折线还是柱状呢

cherrybiu avatar Oct 12 '22 11:10 cherrybiu