Open ZhoBudweiser opened 9 months ago
在绘制如下两条折线图的时候,图例'Tokyo'的文本会被部分省略,而'London'没有被省略。此外,'Tokyo '(插入空格)、'Tokyx'、'Tokyoo'不会被省略。
https://codesandbox.io/p/sandbox/bug-legend-xh6vwx
import { Chart } from '@antv/g2'; const data = [ { month: 'Jan', city: 'Tokyo', temperature: 7 }, { month: 'Jan', city: 'London', temperature: 3.9 }, { month: 'Feb', city: 'Tokyo', temperature: 6.9 }, { month: 'Feb', city: 'London', temperature: 4.2 }, { month: 'Mar', city: 'Tokyo', temperature: 9.5 }, { month: 'Mar', city: 'London', temperature: 5.7 }, { month: 'Apr', city: 'Tokyo', temperature: 14.5 }, { month: 'Apr', city: 'London', temperature: 8.5 }, { month: 'May', city: 'Tokyo', temperature: 18.4 }, { month: 'May', city: 'London', temperature: 11.9 }, { month: 'Jun', city: 'Tokyo', temperature: 21.5 }, { month: 'Jun', city: 'London', temperature: 15.2 }, { month: 'Jul', city: 'Tokyo', temperature: 25.2 }, { month: 'Jul', city: 'London', temperature: 17 }, { month: 'Aug', city: 'Tokyo', temperature: 26.5 }, { month: 'Aug', city: 'London', temperature: 16.6 }, { month: 'Sep', city: 'Tokyo', temperature: 23.3 }, { month: 'Sep', city: 'London', temperature: 14.2 }, { month: 'Oct', city: 'Tokyo', temperature: 18.3 }, { month: 'Oct', city: 'London', temperature: 10.3 }, { month: 'Nov', city: 'Tokyo', temperature: 13.9 }, { month: 'Nov', city: 'London', temperature: 6.6 }, { month: 'Dec', city: 'Tokyo', temperature: 9.6 }, { month: 'Dec', city: 'London', temperature: 4.8 }, ]; const chart = new Chart({ container: 'container', autoFit: true, }); chart .data(data) .encode('x', 'month') .encode('y', 'temperature') .encode('color', 'city') .scale('x', { range: [0, 1], }) .scale('y', { nice: true, }) .axis('y', { labelFormatter: (d) => d + '°C' }); chart.line().encode('shape', 'smooth'); chart.point().encode('shape', 'point').tooltip(false); chart.render();
期望看到两个图例的文本能够被完整地显示出来,而不被省略
No response
我也遇到这个问题了,明明还有空间可以显示的,就是不显示
有大佬看看吗
问题描述
在绘制如下两条折线图的时候,图例'Tokyo'的文本会被部分省略,而'London'没有被省略。此外,'Tokyo '(插入空格)、'Tokyx'、'Tokyoo'不会被省略。
重现链接
https://codesandbox.io/p/sandbox/bug-legend-xh6vwx
重现步骤
预期行为
期望看到两个图例的文本能够被完整地显示出来,而不被省略
平台
屏幕截图或视频(可选)
No response
补充说明(可选)
No response