如何放大餅圖，並轉移到中心

我與highcharts.js工作，我有兩個涉及到使我餅圖的問題：如何放大餅圖，並轉移到中心

如何放大這些餅圖和怎麼做我在窗格中間設置了兩個圖表？

$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container', type: 'pie' 
     }, 
     title: { 
      text: 'Pesticide Residues On Domestic and Imported Foods' 
     }, 
     subtitle: { 
      text: 'Percent of foods that exceed FDA or EPA tolerances', 
     }, 
     plotOptions: { 
      pie: { 
       dataLabels: { enabled: false } 
      } 
     }, 
     series: [{ 
      name: 'Domestic foods', 
      size: 150, 
      x: 0, 
      center: [100, 100], 
      data: [ 
       ['Firefox', 44.2], ['IE7', 26.6], ['IE6', 20], ['Chrome', 3.1], ['Other', 5.4] 
      ] 
     }, { 
      name: 'Imported foods', 
      size: 150, 
      center: [300, 100], 
      data: [ 
       ['Firefox', 44.2], ['IE7', 26.6], ['IE6', 20], ['Chrome', 3.1], ['Other', 5.4] 
      ] 
     }] 
    }); 
});

jsfiddle

來源

2015-02-24 Kamandsam

這是否對你的作品？

擴大了一點容器和JS上增加的大小。

在HTML

<div id="container" style="height: 400px; width: 550px; margin-left: auto; margin-right: auto;"></div>

在JS

//... 
size: 200, 
// ....

JSFiddle

來源

2015-02-24 01:36:09 josegomezr

真棒謝謝！ – Kamandsam 2015-02-24 01:53:57

查看更新demo

我從容器中取出的風格，並加入這一個CSS

#container{ 
    margin: 0 auto; 
    width: 500px; 
    height: 400px; 
    border: 1px solid red; 
}

（添加的紅色邊框僅用於說明目的，你可以刪除它）

Al所以，每個系列都有一個size屬性。您可以將該值更改爲您喜歡的任意數量。我換了一個250 - 即：

size: 250,

來源

2015-02-24 01:35:32 ochi

如何放大餅圖，並轉移到中心

回答

相關問題