Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/72.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 如何在highchart.js中删除饼图中的空白?_Javascript_Jquery_Highcharts - Fatal编程技术网

Javascript 如何在highchart.js中删除饼图中的空白?

Javascript 如何在highchart.js中删除饼图中的空白?,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,我想删除上面红色圆圈的空白。我在JSFIDLE中使用以下代码: $(function () { $('#container').highcharts({ chart: { plotBackgroundColor: null, plotBorderWidth: null, plotShadow: false,borderRadius: 0, borderWidth:0, }, titl

我想删除上面红色圆圈的空白。我在JSFIDLE中使用以下代码:

$(function () {

$('#container').highcharts({
    chart: {
        plotBackgroundColor: null,
        plotBorderWidth: null,
        plotShadow: false,borderRadius: 0,
                    borderWidth:0,
    },
    title: {
        text: 'Browser market shares at a specific website, 2010'
    },
     tooltip: false,
    plotOptions: {
        pie: {
            allowPointSelect: true,
            cursor: 'pointer',
            dataLabels: {
                enabled: true,
                color: '#000000',
                connectorColor: '#000000',
                format: '<b>{point.name}</b>: {point.percentage:.1f} %'
            }
        }
    },
    series: [{
        type: 'pie',
        name: 'Browser share',
         size: '115%',
         innerSize: '110%',
        data: [
            ['Firefox',   45.0]

        ]
    },{type: 'pie',
        name: 'Browser share',
         size: '100%',
                        innerSize: '98%',
        data: [
            ['Firefox',   45.0]

        ]}
]});
});
$(函数(){
$(“#容器”)。高图({
图表:{
plotBackgroundColor:null,
plotBorderWidth:null,
plotShadow:假,边界半径:0,
边框宽度:0,
},
标题:{
正文:“2010年特定网站的浏览器市场份额”
},
工具提示:false,
打印选项:{
馅饼:{
allowPointSelect:true,
光标:“指针”,
数据标签:{
启用:对,
颜色:'#000000',
连接器颜色:'#000000',
格式:'{point.name}:{point.percentage:.1f}%'
}
}
},
系列:[{
键入“pie”,
名称:“浏览器共享”,
尺寸:115%,
内部尺寸:“110%”,
数据:[
['Firefox',45.0]
]
},{type:'pie',
名称:“浏览器共享”,
大小:“100%”,
内部尺寸:“98%”,
数据:[
['Firefox',45.0]
]}
]});
});

小提琴:在打印选项中使用
边框宽度:0

  pie: {
        allowPointSelect: true,
        cursor: 'pointer',

         borderWidth: 0, // This removes the border
更新小提琴:

如果这是不可接受的(因为它仍然有很小的空间),请在图表中添加相同颜色的边框,这样会删除所有空间:

borderWidth: 1,
borderColor:'#2F7ED8',

fiddle

不幸的是,它是已知的错误,报告的

borderColor:null
将修复该问题

plotOptions: {
    pie: {
        borderColor: null,
    }
}

ref:

因为它仍然存在。@SebastianBochan添加了另一个黑客来克服这个问题。谢谢你的回复。