Open aoyinke opened 4 years ago
BizCharts Version:3.5.3-beta.0 Platform: antd design pro Mini Showcase(like screenshots):
const data = [ { item: '事例一', percent: 0.4 }, { item: '事例二', percent: 0.21 }, { item: '事例三', percent: 0.17 }, { item: '事例四', percent: 0.13 }, { item: '事例五', percent: 0.09 }, ]; const cols = { percent: { formatter: val => { val = val * 100 + '%'; return val; }, }, }; <Chart padding="auto" height={200} width={200} data={data} scale={cols} autoFit
<Geom type="intervalStack" position="percent" adjust="stack" animate color="item" style={{ lineWidth: 1, stroke: '#fff', }} label={['', { content: (data) => { return `${data.item}: ${data.percent 100}%`; }, }]} /> <Legend />
像这样的问题
请用官网的demo 复制一个demo,复现一下。目测您这个需要加一下autoFit 自适应
BizCharts Version:3.5.3-beta.0 Platform: antd design pro Mini Showcase(like screenshots):
const data = [ { item: '事例一', percent: 0.4 }, { item: '事例二', percent: 0.21 }, { item: '事例三', percent: 0.17 }, { item: '事例四', percent: 0.13 }, { item: '事例五', percent: 0.09 }, ]; const cols = { percent: { formatter: val => { val = val * 100 + '%'; return val; }, }, }; <Chart padding="auto" height={200} width={200} data={data} scale={cols} autoFit