BizCharts Label组件position为middle时错位

mwngjboj  于 2023-02-04  发布在  其他
关注(0)|答案(3)|浏览(285)
  • bizcharts Version: 3.5.5
  • Platform or react version: 16.8
  • Mini Showcase(like screenshots):

Label postion为middle时并 没有预期的居中 ,初看之下像是把position: top时的占位空间算进去了,导致Label的居中并不是基于条形图的。。。

3vpjnl9f

3vpjnl9f1#

貌似是bizCharts内部会给Label一个默认offset? 我把offset设成0就可以了。。。

v1uwarro

v1uwarro2#

在typescript中position属性无法使用,有什么解决办法吗?

No overload matches this call. Overload 1 of 2, '(props: Readonly<LabelProps>): Label', gave the following error. 不能将类型“{ position: string; }”分配给类型“IntrinsicAttributes & IntrinsicClassAttributes<Label> & Readonly<LabelProps> & Readonly<{ children?: ReactNode; }>”。 类型“IntrinsicAttributes & IntrinsicClassAttributes<Label> & Readonly<LabelProps> & Readonly<{ children?: ReactNode; }>”上不存在属性“position”。 Overload 2 of 2, '(props: LabelProps, context?: any): Label', gave the following error.

webghufk

webghufk3#

在typescript中position属性无法使用,有什么解决办法吗?

No overload matches this call. Overload 1 of 2, '(props: Readonly<LabelProps>): Label', gave the following error. 不能将类型“{ position: string; }”分配给类型“IntrinsicAttributes & IntrinsicClassAttributes<Label> & Readonly<LabelProps> & Readonly<{ children?: ReactNode; }>”。 类型“IntrinsicAttributes & IntrinsicClassAttributes<Label> & Readonly<LabelProps> & Readonly<{ children?: ReactNode; }>”上不存在属性“position”。 Overload 2 of 2, '(props: LabelProps, context?: any): Label', gave the following error.

建议将Label any了,我就是这么解决的,bizCharts的ts有点问题的:

import { Label } from 'bizcharts';
const MyLabel = Label as any;

            <MyLabel
                content={['percent', (percent, data) => {
                  if (Math.round(percent * 100) > 6) {
                    return Math.round(percent * 100) + '%';
                  }
                }]}
                textStyle={{
                  fill: '#fff',
                }}
                position="middle"
                offset={0}
              />

相关问题