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],   
        }
  • 相关阅读:
    最少必要知识
    pythonGUI编程
    计算机网络基础
    .htaccess总结
    SSRF总结
    jsp学习笔记
    url任意跳转漏洞
    学期总结
    计科一班本学期作业成绩汇总表格
    C语言I博客作业08
  • 原文地址:https://www.cnblogs.com/greenteaone/p/11769779.html
Copyright © 2011-2022 走看看