2013-12-11 60 views
0

如何定製使最小的餡餅可見?在HighCharts中看不到最小的餡餅

YouTube不能被看作是你可以從這裏看到:http://d.pr/i/nxeP

這裏是我的代碼(我的提取程序是在Rails):

$(function() { 
    //for donut 
    var data_series = <%= raw get_all_identities(@user) %> ; 
    var getColor ={ 
     facebook: "#3d599b", 
     twitter: "#00abee", 
     instagram: "#736c59", 
     soundcloud: "#fa3d00", 
     youtube: "#d43c3b", 
     tumblr: "#3d5a71", 
     vine: "#00b589", 
     foursquare: "#0abadf", 
     linkedin: "#0abadf", 
     vimeo: "#1ab7ea", 
     fivehundredpx: "#000000", 
     wordpress: "#257ba0", 
     rdio: "#028ed4", 
     behance: "#000000", 
     flickr: "#ff0084" 
    }; 
    $('#user_follower_chart').highcharts({ 
     chart: { 
      plotBackgroundColor: null, 
      plotBorderWidth: null, 
      plotShadow: false 
     }, 
     title: { 
      text: '' 
     }, 
     credits: { 
      enabled: false 
     }, 
     tooltip: { 
      pointFormat: '<b>{point.percentage:.2f}%</b>' 
     }, 
     plotOptions: { 
      pie: { 
       dataLabels: { 
        enabled: false, 
        color: '#000000', 
        connectorColor: '#000000', 
        format: '<b>{point.name}</b>: {point.percentage:.2f} %' 
       }, 
       startAngle: -90, 
       endAngle: 0 
      } 
     }, 
     series: [{ 
      type: 'pie', 
      name: 'Followers By Network', 
      allowPointSelect: true, 
      innerSize: '50%', 
      data: [] 
     }] 
    }); 
    var follower_chart, n, i, len; 

    for (i = 0, len = data_series.length; i < len; i++) { 
     n = data_series[i]; 
     if (n[1] !== 0) { 
      follower_chart = $("#user_follower_chart").highcharts(); 
      follower_chart.series[0].addPoint({ 
       name: n[0], 
       y: n[1], 
       color: getColor[n[2]] 
      }); 
     } 
    } 
+0

你說的最小的餡餅呢?我只能看到一個餅圖。 –

+0

他意味着最小的切片 – jlbriggs

+0

如果您拿出實際的輸出代碼並將其撥出,那麼找到解決方案會更容易。 – jlbriggs

回答

0

紅片是可見的,並出現適當縮放。

我不知道你希望看到在0.2%的切片什麼...

兩件事情,我建議:

1)設置邊框寬度0,和片將脫穎而出更清楚一點。

2)這實際上應該是一個條形圖......無論如何,如果您將其設置爲條形圖,則可以設置minPointLength屬性,以便小數據點仍然顯而易見。

example:http://jsfiddle.net/jlbriggs/4FxYg/