F2 icon indicating copy to clipboard operation
F2 copied to clipboard

名字过长导致图例与图表会出现重叠的现象

Open lp452254117 opened this issue 3 years ago • 1 comments

如何重现问题: 打开以下地址: 直接把名称改的特别长就会出现图表重叠的问题 https://f2.antv.vision/zh/examples/column/basic#aria

lp452254117 avatar Apr 27 '21 05:04 lp452254117

实验地址: http://antv-2018.alipay.com/zh-cn/f2/3.x/demo/bar/stack-bar.html chart.tooltip({ custom: true, // 自定义 tooltip 内容框 onChange: function onChange(obj) { var legend = chart.get('legendController').legends.top[0]; var tooltipItems = obj.items; var legendItems = legend.items; var map = {}; legendItems.map(function(item) { map[item.name] = .clone(item); }); tooltipItems.map(function(item) { var name = item.name; var value = item.value; if (map[name]) { map[name].value = "我都来测试测试看看哦" + value; } }); legend.setItems(.values(map)); }, onHide: function onHide() { var legend = chart.get('legendController').legends.top[0]; legend.setItems(chart.getLegendItems().country); } });

在自定义tooltip过程中,图例项会追加值,导致原本的显示的宽度变长了出现了换行,就会导致图例和图表的重叠。这个问题是算BUG还是说有其他的方法规避这种问题?

lp452254117 avatar Apr 27 '21 10:04 lp452254117