bizcharts 图表内容居中

时间 2019-11-06 标签 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],   
    }