bizcharts 圖表內容居中

當圖表內的數據只有一組時,會緊靠在y軸上,以下圖:spa

想要圖表的內容居中,解決方法分兩種狀況。3d

第一種:若是x軸是日期,則代碼設置以下,圖表的內容就居中了code

 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軸是單純的年份,則代碼設置以下,圖表的內容就居中了blog

const cols = {
    x: {
   
    }
    value: {
      max:200,
      min: 0,
    },
  };

<Chart height={height} padding={padding} data={dv} scale={cols} forceFit></Chart>

 

 上面的兩種狀況也能夠加it

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],   
    }
相關文章
相關標籤/搜索