bizcharts 图表内容居中

摘要:
当图表中只有一组数据时,它将接近y轴,如下图所示:如果要将图表内容居中,有两种解决方案。首先,如果x轴是日期,代码设置如下,图表内容居中constcols={x:{alias:“date”,type:“timeCat”,mask:“MM-DD”,}value:{max:200,min:0,},}<chart={height}padding={padding}data={dv}scale={cols}forceFit>也可以在上述两种情况下添加范围:data。长度˃1?

当图表内的数据只有一组时,会紧靠在y轴上,如下图:

bizcharts 图表内容居中第1张

想要图表的内容居中,解决方法分两种情况。

第一种:如果x轴是日期,则代码设置如下,图表的内容就居中了

 const cols = {
    x: {
    alias: "日期",
    type: "timeCat",
    mask: "MM-DD",    
    }
    value: {
      max:200,
      min: 0,
    },
  };

<Chart height={height} padding={padding} data={dv} scale={cols} forceFit></Chart>

bizcharts 图表内容居中第2张

 第二种:如果x轴是单纯的年份,则代码设置如下,图表的内容就居中了

const cols = {
    x: {
   
    }
    value: {
      max:200,
      min: 0,
    },
  };

<Chart height={height} padding={padding} data={dv} scale={cols} forceFit></Chart>

bizcharts 图表内容居中第3张

 上面的两种情况也可以加

range: data.length > 1? [0, 1]: [0.5, 1],
 x: {
    alias: "日期",
    type: "timeCat",
    mask: "MM-DD", 
    range: data.length > 1? [0, 1]: [0.5, 1],   
    }

或者

x: {
      range: data.length > 1? [0, 1]: [0.5, 1],   
    }

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

上篇编译x11版本qt邮箱学堂:SPF详解下篇

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

随便看看

阿里云oss对象存储在vue中的使用

阿里云对象存储OSS(ObjectStorageService)是阿里云提供的海量、安全、低成本、高持久的云存储服务。阿里云oss对象存储是阿里云提供的海量、安全、低成本、高持久的云存储服务,包括服务端加密、客户端加密、防盗链、IP黑白名单、细粒度权限管控、日志审计、WORM特性等。满足企业数据安全与合规要求多线BGP骨干网络。...

Java switch 枚举

Switch可以使用int.short、char、Enum和String其中,Enum是1.5之后的新特性,String是java8的新特性。所以正确的写作应该如下。...

Spring Boot 核心配置文件 bootstrap &amp;amp; application

boostrap由父ApplicationContext加载,比applicaton优先加载boostrap里面的属性不能被覆盖3、bootstrap/application的应用场景application配置文件这个容易理解,主要用于SpringBoot项目的自动化配置。这个父级的SpringApplicationContext是先加载的,在加载appli...

js获取移动端设备信息(IMEM,IMIS,手机型号,系统版本,浏览器信息等)

方法1:HTML+打包方法、附加配置和使用指定方法打包是可用属性:imei:device的国际移动设备ID imsi:device的国际移动用户ID型号:device的型号供应商:device制造商uuid:device唯一标识参考地址:http://www.html5plus.org/doc/zh_cn/device.html方法2:引用插件mobile-...

一些替代Xshell的软件推荐

TransmitTransmit是一个30美元价格的共享软件,它覆盖了几乎所有的常用功能,包括远程文件编辑和文件夹同步,尽管其有30美元的价格,很多Windows用户也希望Transmit能出一个Win版的。FireFTPFireFTP是一个Firefox扩展,能直接集成一个强大的FTP客户端到我们最喜爱的浏览器Firefox上。CyberduckCyber...

log4j2

4.日志级别:我们现在将调用logger方法。然而,这个logger对象中有很多方法,所以我们应该首先了解log4j的日志级别,它指定了几个默认级别:trace˂debug˂info˂warn˂error˂false等。电话很简单。log4j的核心在配置文件中。如果我已经定义了日志,我将日志级别更改为TRACE,输出将如下:19:11:36.941TRACE...