Javascript 是否可以在react-chartjs-2中删除线段之间的边框,但保留饼图周围的边框?
我使用的是react-chartjs-2饼图,我想删除切片之间的线条(边框),但我想显示图表周围的边框。有人能告诉我怎么做吗?提前谢谢 我的代码现在是这样的:Javascript 是否可以在react-chartjs-2中删除线段之间的边框,但保留饼图周围的边框?,javascript,reactjs,chart.js,Javascript,Reactjs,Chart.js,我使用的是react-chartjs-2饼图,我想删除切片之间的线条(边框),但我想显示图表周围的边框。有人能告诉我怎么做吗?提前谢谢 我的代码现在是这样的: import {Pie} from 'react-chartjs-2'; class App extends Component { render() { return ( <div className='pieChartPositioner'> <Pie
import {Pie} from 'react-chartjs-2';
class App extends Component {
render() {
return (
<div className='pieChartPositioner'>
<Pie
height={36}
width={36}
data={{
datasets: [{
data: [20 , 80],
backgroundColor: ['red', 'green'],
borderColor: 'black',
borderWidth: 2,
}],
}
}/>
</div>
)
}
}
从'react-chartjs-2'导入{Pie};
类应用程序扩展组件{
render(){
返回(
)
}
}
您需要在饼图的弧
配置中将边框宽度设置为0
,默认设置为2
弧形配置可用于极性区域、甜甜圈和馅饼
图表,并在元素
键下设置
您可以通过以下方式进行更改:
1。设置全局弧
选项
Chart.defaults.global.elements.arc.borderWidth=0代码>
2。或者通过传递给图表的选项
对象
var选项={
要素:{
弧:{
边框宽度:0
}
}
};代码>我之所以写这篇文章,是因为标记的答案对我没有帮助,我猜它同时也被修改了
您需要在传递给data
prop的数据集中设置borderWidth
例如:
const data = {
datasets: [{
borderWidth:0,
data: [9, 1],
backgroundColor: ['#ffffff', '#000000'],
}],
};
return (
<Pie data={data} />
)
const数据={
数据集:[{
边框宽度:0,
数据:[9,1],
背景颜色:['#ffffff','#000000'],
}],
};
返回(
)