在Column图中如果dodgeBy 有空格,Column没有错开 #3296
JunYang-tes posted onGitHub
<!-- Thank you for reporting an issue. 1. It's RECOMMENDED to submit PR for typo or tiny bug fix. 2. If this's a FEATURE request, please provide: details, pseudo codes if necessary. 3. If this's a BUG, please provide: course repetition, error log and configuration. Fill in as much of the template below as you're able. 4. It will be nice to use to provide a CodePen Link which can reproduce the issue, we provide a CodePen template g2-github-issue. 感谢您向我们反馈问题。 1. 提交问题前,请先阅读 https://antv.alipay.com/zh-cn/g2/3.x/index.html 上的文档。 2. 我们推荐如果是小问题(错别字修改,小的 bug fix)直接提交 PR。 3. 如果是一个新需求,请提供:详细需求描述,最好是有伪代码实现。 4. 如果是一个 BUG,请提供:复现步骤,错误日志以及相关配置,并尽量填写下面的模板中的条目。 5. 如果可以,请提供尽可能精简的 CodePen 链接,可使用 CodePen 模板 https://codepen.io/leungwensen/pen/WXJgox,方便我们排查问题。 6. 扩展阅读:如何向开源项目提交无法解答的问题 -->
- G2 Version:
4.1.11
Platform: Chrome 88.0.4324.182 (Official Build) (x86_64)
Mini Showcase(like screenshots):
有空格 👇*
没空格👇*
CodePen Link:
上图中代码如下:
import { Chart } from '@antv/g2';
const data = [
{ 'C C':'L', name: 'London', 月份: 'Jan.', 月均降雨量: 18.9 },
{ 'C C':'B', name: 'Berlin', 月份: 'Jan.', 月均降雨量: 12.4 },
];
const chart = new Chart({
container: 'container',
autoFit: true,
height: 500,
});
chart.data(data);
chart
.interval()
.position('月份*月均降雨量')
.color('C C')
.adjust([
{
type: 'dodge',
dodgeBy: 'C C',
marginRatio: 0,
},
]);
chart.interaction('active-region');
chart.render();