Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 是否可以在react-chartjs-2中删除线段之间的边框,但保留饼图周围的边框?_Javascript_Reactjs_Chart.js - Fatal编程技术网

Javascript 是否可以在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

我使用的是react-chartjs-2饼图,我想删除切片之间的线条(边框),但我想显示图表周围的边框。有人能告诉我怎么做吗?提前谢谢

我的代码现在是这样的:

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'],
}],
};
返回(
)