F2
F2 copied to clipboard
分组柱状图adjust="dodge",滚动条滚动条,数据滚动,而柱状图却是固定的
` /** @jsx jsx */ import { jsx, Canvas, Chart, Interval, ScrollBar, Axis } from '@antv/f2';
const data = [ { name: 'London', 月份: 'Jan.', 月均降雨量: 18.9, }, { name: 'London', 月份: 'Feb.', 月均降雨量: 28.8, }, { name: 'London', 月份: 'Mar.', 月均降雨量: 39.3, }, { name: 'London', 月份: 'Apr.', 月均降雨量: 81.4, }, { name: 'London', 月份: 'May.', 月均降雨量: 47, }, { name: 'London', 月份: 'Jun.', 月均降雨量: 20.3, }, { name: 'London', 月份: 'Jul.', 月均降雨量: 24, }, { name: 'London', 月份: 'Aug.', 月均降雨量: 35.6, }, { name: 'Berlin', 月份: 'Jan.', 月均降雨量: 12.4, }, { name: 'Berlin', 月份: 'Feb.', 月均降雨量: 23.2, }, { name: 'Berlin', 月份: 'Mar.', 月均降雨量: 34.5, }, { name: 'Berlin', 月份: 'Apr.', 月均降雨量: 99.7, }, { name: 'Berlin', 月份: 'May.', 月均降雨量: 52.6, }, { name: 'Berlin', 月份: 'Jun.', 月均降雨量: 35.5, }, { name: 'Berlin', 月份: 'Jul.', 月均降雨量: 37.4, }, { name: 'Berlin', 月份: 'Aug.', 月均降雨量: 42.4, }, ]; const context = document.getElementById('container').getContext('2d'); const { props } = ( <Canvas context={context} pixelRatio={window.devicePixelRatio}> <Chart data={data}> <Axis field="月份" /> <Axis field="月均降雨量" /> <Interval x="月份" y="月均降雨量" color="name" adjust={{ type: 'dodge', marginRatio: 0.05, // 设置分组间柱子的间距 }} /> <ScrollBar mode="x" range={[0, 0.2]} /> </Chart> </Canvas> );
const chart = new Canvas(props); chart.render(); `
我查阅了一下issues,在2021年6月就有人提出相同的bug了,甚至有网友已经pr了,为什么不解决呢?蚂蚁团队能给个答复吗?很急啊
我这儿的问题跟骚 在官网编辑器里完全没问题 跑在自己项目里直接G
问题解决了吗,多也遇到了
pr已经提出了,没人解决吗