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