我正在使用react-chartjs-2,我希望标签是圆形的。我还希望带有标签的图表本身显示内联块,以便我得到类似这张照片的内容:[
我的代码在这里:
let _data = data;
let _backgroundColor = [];
let _borderColor = [];
setDataShareholder(res);
res.value.forEach(item => {
let rgb = `${random(0, 255)}, ${random(0, 255)}, ${random(0, 255)}`;
_backgroundColor.push(`rgba(${rgb}, 0.5)`)
_borderColor.push(`rgba(${rgb}, 1)`)
});
_data.labels = res.value.map(item => item.name)
_data.datasets = [{
data: res.value.map(item => Number(item.violationsCount)),
backgroundColor: _backgroundColor,
borderColor: _borderColor,
borderWidth: 1
}];
setData(_data);
Run Code Online (Sandbox Code Playgroud)
用法 :
import { Doughnut } from 'react-chartjs-2';
<Doughnut data={data} />
Run Code Online (Sandbox Code Playgroud)
如果可以,请你帮助我。谢谢