zoukankan      html  css  js  c++  java
  • bizcharts 图表内容居中

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

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

    第一种:如果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>

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

    const cols = {
        x: {
       
        }
        value: {
          max:200,
          min: 0,
        },
      };
    
    <Chart height={height} padding={padding} data={dv} scale={cols} forceFit></Chart>

     上面的两种情况也可以加

    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],   
        }
  • 相关阅读:
    junit单元测试
    方法引用
    方法引用表达式(1)
    Stream流的常用方法
    Stream流
    综合案例:文件上传
    tcp通信协议
    python 生成器与迭代器
    Python 序列化与反序列化
    python 文件操作
  • 原文地址:https://www.cnblogs.com/greenteaone/p/11769779.html
Copyright © 2011-2022 走看看