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