F2 icon indicating copy to clipboard operation
F2 copied to clipboard

分组柱状图adjust="dodge",滚动条滚动条,数据滚动,而柱状图却是固定的

Open colaboy opened this issue 1 year ago • 4 comments

` /** @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(); `

colaboy avatar May 15 '23 05:05 colaboy

我查阅了一下issues,在2021年6月就有人提出相同的bug了,甚至有网友已经pr了,为什么不解决呢?蚂蚁团队能给个答复吗?很急啊

colaboy avatar May 15 '23 05:05 colaboy

我这儿的问题跟骚 在官网编辑器里完全没问题 跑在自己项目里直接G

Xusji avatar Jul 18 '23 01:07 Xusji

问题解决了吗,多也遇到了

ghost avatar Sep 15 '23 03:09 ghost

pr已经提出了,没人解决吗

var-lu avatar Apr 23 '24 01:04 var-lu