小编fat*_*our的帖子

如何更改react-chartjs-2中标签的显示和样式

我正在使用react-chartjs-2,我希望标签是圆形的。我还希望带有标签的图表本身显示内联块,以便我得到类似这张照片的内容:[所需的设计1

但我实际得到的是这样的: 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)

如果可以,请你帮助我。谢谢

reactjs chart.js react-chartjs-2

1
推荐指数
1
解决办法
8342
查看次数

标签 统计

chart.js ×1

react-chartjs-2 ×1

reactjs ×1