0

我有以下饼图,但无法弄清楚如何让边距更接近渲染的饼图本身。我需要挤进一些较小的房地产,它与其他 div 重叠

小提琴-> http://jsfiddle.net/8EZM4/

在此处输入图像描述

<div id="container3" class="container3" style="width: 120px; height: 130px; margin: -25px 0px -80px -20px; padding-bottom: -10px; border-width:1px; border-style: solid"></div>
4

2 回答 2

1

Highcharts 为标签和标题等留出了空间。为了摆脱空间,需要做几件事:

  • 将间距和边距设置为零
  • 设置饼图的大小

在我看来,其中一个应该可以工作。但是,如果我只做第一个,图表有点太小,如果我只做第二个,图表有点太大。

$('#container').highcharts({    
    chart: {
        type:'pie',
        borderWidth: 1,
        plotBorderWidth: 0,
        spacingBottom: 0,
        spacingTop:0,
        spacingLeft:0,
        spacingRight:0,
        margin: [0, 0, 0, 0]
    },

    title: {
        text:''
    },
    plotOptions: { 
        pie: {
            size:300,
            dataLabels: {
                enabled: false,
            }
        }
    },
    series: [{
        data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]
    }]
});

http://jsfiddle.net/J3ZFf/

http://api.highcharts.com/highcharts#plotOptions.pie.size

于 2013-08-07T22:45:16.297 回答
0

我对出了什么问题感到困惑。包含图表的 div 为 120 像素 x 130 像素。那就是设置黑色边框的大小,如果太大了,必须先把这个div变小。除此之外,正如莱尔德夫人所说,消除边距和间距将起到作用。

于 2013-08-08T03:01:36.160 回答