bizcharts使用注意

摘要:
'block':'none'}˃˂Axisname=”logCount“label={标签}/>{return{name:“quantity”,value:count,};}]} size={40}/˃

1、Chart的父盒子需要加上overflow: 'hidden'

避免鼠标移入图标,tooltip显示,产生滚动条

           <div style={{position: 'relative', overflow: 'hidden' }}>
                    <div
                      className={styles.emptyCover}
                      style={{ height: 240, paddingTop: 52, display: sourceInfoData.length > 0 ? 'none' : 'block' }}
                    >
                      <Empty image={Empty.PRESENTED_IMAGE_SIMPLE} />
                    </div>
                    <div
                      className={styles.loadingCover}
                      style={{ height: 240, paddingTop: 62, display: sourceInfoList.loading ? 'block' : 'none' }}
                    >
                      <Spin delay={200} />
                    </div>
                    <Chart height={240} padding={[20, 20, 30, 40]} data={sourceInfoData} scale={cols} forceFit>
                      <Axis name="homeArea" label={label}/>
                      <Axis name="logCount" label={label}/>
                      <Tooltip />
                      <Geom type="interval" 
                        color={typeCurrent == 1 ? '#0089FF': '#00EAFF'}
                        position="homeArea*logCount"
                        tooltip={['homeArea*logCount', (date, count) => {
                          return {
                            name: "数量",
                            value: count,
                          };
                        }]}
                        size={40}
                      />
                    </Chart>
                  </div>

免责声明:文章转载自《bizcharts使用注意》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇Linux内核 TCP/IP、Socket参数调优Delphi 之 菜单组件(TMainMenu)下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

/etc/fstab文件的详解

转至:https://blog.csdn.net/youmatterhsp/article/details/83933158 一、/etc/fstab文件的作用          磁盘被手动挂载之后都必须把挂载信息写入/etc/fstab这个文件中,否则下次开机启动时仍然需要重新挂载。         系统开机时会主动读取/etc/fstab这个文件中的内...

ios UILabel在storyBoard或xib中如何在每行文字不显示完就换行

大家知道怎么用代码让label中的文字换行,只需要 label.numberOfLines = 0; label.text = @"这是第一行啦啦啦啦, 这是第二行啦啦, 这是第三行"; 但是不想把label拖线出来设置,想懒一下在storyBoard或xib中如何实现呢! ps:label设置成自动换行的时候,高度的约束可以不设置,默认为label内文字...

Xamarin.Forms一些常见问题

安装 1、查看Xaramin.Forms的版本 在vs项目中查看引用的包(Xamarin.Forms)的版本,或者直接进文件夹看 C:MicrosoftXamarinNuGetxamarin.forms 可以通过 NuGet 更新到最新的 Xamarin 版本。 开发 XAML 1、xaml中用到的StaticResource的定义 <Setter...

iOS自动布局高级用法 &amp;amp;&amp;amp; 纯代码约束写法

本文主要介绍几个我遇到的总结的高级用法(当然我相信肯定有不少比这还高级的)。 简单的storyboard中上下左右约束,固定宽高啥的用法在这里就不做赘述了。 autolayout自动布局是iOS6以后出现的,但是在开始的一段时间里大家并不怎么会用,都是一上来先勾掉。之后随着5s,iPhone6的出现屏幕多种多样。用多层if来判断尺寸已经完全hold不住了才...

【转】C# WinForm中的Label如何换行

        第一种是把Label的AutoSize属性设为False,手动修改Label的大小.这样的好处是会因内容的长度而自动换行,但是当内容的长度超过所设定的大小时,多出的内容就会无法显示.因此,这种方法适合于基本确定内容长度的时候使用.         第二种是把Label的Dock设为FILL,同时将AutoSize属性设为False,这种方法...

jsPlumb 基本概念

jsPlumb 基本概念 一、默认属性 Anchor:锚点(连接点位置),可以设置在任何没有锚点的目标上(endPoint) Anchors:设置在connect的源和目标点的连接点位置,默认是 BottomCenter Connector:连接线(比如:["Bezier", {curviness: 63}]为贝塞尔曲线) Connec...