zoukankan      html  css  js  c++  java
  • bizcharts使用注意

    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>
  • 相关阅读:
    第4章 Android移植环境搭建
    第3章 Android移植平台工具介绍
    第2章
    第1章 Android系统的编译和移植实例:
    nfs
    TFTP服务器搭建
    根系统制作
    nfs挂载
    uboot的编译
    交叉工具链的搭建方法
  • 原文地址:https://www.cnblogs.com/rachelch/p/15137301.html
Copyright © 2011-2022 走看看