Javascript 删除高位图表中饼图周围的边框

如何删除饼图周围的边框

我尝试了以下选项，但不起作用：

plotOptions.pie.borderWidth:0
plotOptions.pie.borderColor:“#f2f2”它也不起作用

以下是完整的代码：

$('#PreQualifiedChart').highcharts({
    chart: {
        plotBackgroundColor: '#f2f2f2',
                plotBorderWidth: 0,
                        plotShadow: false,
                        height: 300,
                    widht: 250,
                },
     credits: {
            enabled: false
     },
     exporting: {
         buttons: {
             contextButton: {
                 enabled: false
             }  

         }
     },
     title: null,
     tooltip: {
                headerFormat: '',
                    pointFormat : '{point.name}: <b>{point.y} ({point.percentage:.1f}%)</b>'
            },
     plotOptions: {
                pie: {
                dataLabels: {
            enabled: true,
                        distance: -50,
                        style: {
                            fontWeight: 'bold',
                                color: '#f2f2f2',
                                textShadow: '0px 1px 2px black'
                                }
                                },
                center: ['50%', '50%'],
                borderWidth: 0,
                borderColor: '#f2f2f2'
                     }
                                },
      series: [{
                                    dataLabels: {
                                enabled: false,
            },
                            type: 'pie',
                            name: '',
                                innerSize: '50%',
                        data: [
                    {
            name: 'Submitted All Docs',
            y: SAD,
            color: '#4B99D2',
                    labels: {
                enabled: false
                },
                },
                {
                    name: 'Submitted Missing Docs',
                    y: SMD,
                        color: '#e5a34a',
                            labels: {
                        enabled: false
                },
                },
                {
                    name: 'Not Submitted',
                    y: NS,
                    color: '#844b03',
                    labels: {
                    enabled: false
                },
                }
            ]
            }]
                        });

$（'PreQualifiedChart'）。高图({
图表：{
plotBackgroundColor:“#f2f2f2”，
绘图边框宽度：0，
影子：错，
身高：300，
寡妇：250，
},
学分：{
已启用：false
},
出口：{
按钮：{
上下文按钮：{
已启用：false
}  
}
},
标题：空，
工具提示：{
总部：''，
pointFormat:“{point.name}:{point.y}（{point.percentage:.1f}%）”
},
打印选项：{
馅饼：{
数据标签：{
启用：对，
距离：-50，
风格：{
fontWeight:'粗体'，
颜色：'#f2f2'，
textShadow:'0px 1px 2px黑色'
}
},
中心：['50%，'50%']，
边框宽度：0，
边框颜色：'#f2f2'
}
},
系列：[{
数据标签：{
启用：false，
},
键入“pie”，
名称：“”，
内部尺寸：“50%”，
数据：[
{
名称：“已提交所有文档”，
y:可悲，
颜色：“#4B99D2”，
标签：{
已启用：false
},
},
{
名称：“提交的缺少文档”，
y:SMD，
颜色：“#e5a34a”，
标签：{
已启用：false
},
},
{
名称：'未提交'，
y:NS，
颜色：'#844b03'，
标签：{
已启用：false
},
}
]
}]
});

我认为您可以在您的案例中使用marginTop、marginBottom等。在这里，您可以在Highcharts API中找到有关此参数的信息：

在这里，您可以找到图表如何使用这种方法的示例：

chart: {
      marginTop: 0,
      marginBottom: 0,
      marginLeft: 0,
      marginRight: 0,
      plotBackgroundColor: '#f2f2f2',
      plotBorderWidth: 0,
      plotShadow: false,
      height: 200,
      widht: 150,
    },

另一个想法是使用backgroundColor而不是plotbackgroundColor，在这里您可以看到一个示例，说明它的工作原理：

chart: {
  backgroundColor:'#f2f2f2',
  plotBorderWidth: 0,
  plotShadow: false,
  height: 200,
  widht: 150,
},

---

关于，

我不确定我是否理解正确，但我认为一个想法是在您的案例中使用marginTop、marginBottom等：另一个是设置backgroundColor而不是plotBackgroundColor：您已经通过设置背景色创建了“边框”。图表和绘图区域都有背景色选项，图表背景默认为白色。参考资料：|@grzegorzblachlinski谢谢你的工作。如果你能把同样的答案放在下面，我想把它标记为正确答案。