antvis/G2




The issue has been closed
配置slider的formatter后,sparkline不再显示 #6137
peaceps posted onGitHub
问题描述
配置slider的formatter后,sparkline不再显示
import { Chart } from '@antv/g2';
const data = [
{ year: '1991', value: 3 },
{ year: '1992', value: 4 },
{ year: '1993', value: 3.5 },
{ year: '1994', value: 5 },
{ year: '1995', value: 4.9 },
{ year: '1996', value: 6 },
{ year: '1997', value: 7 },
{ year: '1998', value: 9 },
{ year: '1999', value: 13 },
];
const chart = new Chart({
container: 'container',
autoFit: true,
});
chart
.data(data)
.encode('x', 'year')
.encode('y', 'value');
chart
.line()
.slider('x', {
formatter: t => Math.floor(1991 + t * 8).toString() + '年'
});
chart.render();
重现链接
No response
重现步骤
No response
预期行为
slider label的formatter应该不会影响sparkline的绘制 看代码在slider.ts里有如下判断
if (slider?.x && Object.keys(slider.x).length === 0) {
...添加sparkline数据
不是很确定这里检查key.length===0的用意,可能是为了避免和某些配置参数的冲突? 但是感觉比起直接忽略sparkline,暴露不绘制sparkline的选项更友好
平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
屏幕截图或视频(可选)
No response
补充说明(可选)
No response
重现链接
No response
重现步骤
No response
预期行为
No response
平台
- 操作系统: [macOS, Windows, Linux, React Native ...]
- 网页浏览器: [Google Chrome, Safari, Firefox]
屏幕截图或视频(可选)
补充说明(可选)
No response