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],   
    }