2016-09-22 63 views
0

我嘗試獲取Highcharts餡餅鑽取圖表工作。看起來像在Highcharts的第5版中,後退按鈕不可見以及數據標籤一旦進入第2級:海圖5:餡餅鑽取標籤和後退按鈕不可見

該代碼是來自Highcharts演示頁面(版本4)的確切代碼。

Here is my JS Fiddle

$(function() { 
 
    // Create the chart 
 
    $('#container').highcharts({ 
 
     chart: { 
 
      type: 'pie' 
 
     }, 
 
     title: { 
 
      text: 'Browser market shares. January, 2015 to May, 2015' 
 
     }, 
 
     subtitle: { 
 
      text: 'Click the slices to view versions. Source: netmarketshare.com.' 
 
     }, 
 
     plotOptions: { 
 
      series: { 
 
       dataLabels: { 
 
        enabled: true, 
 
        format: '{point.name}: {point.y:.1f}%' 
 
       } 
 
      } 
 
     }, 
 

 
     tooltip: { 
 
      headerFormat: '<span style="font-size:11px">{series.name}</span><br>', 
 
      pointFormat: '<span style="color:{point.color}">{point.name}</span>: <b>{point.y:.2f}%</b> of total<br/>' 
 
     }, 
 
     series: [{ 
 
      name: 'Brands', 
 
      colorByPoint: true, 
 
      data: [{ 
 
       name: 'Microsoft Internet Explorer', 
 
       y: 56.33, 
 
       drilldown: 'Microsoft Internet Explorer' 
 
      }, { 
 
       name: 'Chrome', 
 
       y: 24.03, 
 
       drilldown: 'Chrome' 
 
      }, { 
 
       name: 'Firefox', 
 
       y: 10.38, 
 
       drilldown: 'Firefox' 
 
      }, { 
 
       name: 'Safari', 
 
       y: 4.77, 
 
       drilldown: 'Safari' 
 
      }, { 
 
       name: 'Opera', 
 
       y: 0.91, 
 
       drilldown: 'Opera' 
 
      }, { 
 
       name: 'Proprietary or Undetectable', 
 
       y: 0.2, 
 
       drilldown: null 
 
      }] 
 
     }], 
 
     drilldown: { 
 
      series: [{ 
 
       name: 'Microsoft Internet Explorer', 
 
       id: 'Microsoft Internet Explorer', 
 
       data: [ 
 
        ['v11.0', 24.13], 
 
        ['v8.0', 17.2], 
 
        ['v9.0', 8.11], 
 
        ['v10.0', 5.33], 
 
        ['v6.0', 1.06], 
 
        ['v7.0', 0.5] 
 
       ] 
 
      }, { 
 
       name: 'Chrome', 
 
       id: 'Chrome', 
 
       data: [ 
 
        ['v40.0', 5], 
 
        ['v41.0', 4.32], 
 
        ['v42.0', 3.68], 
 
        ['v39.0', 2.96], 
 
        ['v36.0', 2.53], 
 
        ['v43.0', 1.45], 
 
        ['v31.0', 1.24], 
 
        ['v35.0', 0.85], 
 
        ['v38.0', 0.6], 
 
        ['v32.0', 0.55], 
 
        ['v37.0', 0.38], 
 
        ['v33.0', 0.19], 
 
        ['v34.0', 0.14], 
 
        ['v30.0', 0.14] 
 
       ] 
 
      }, { 
 
       name: 'Firefox', 
 
       id: 'Firefox', 
 
       data: [ 
 
        ['v35', 2.76], 
 
        ['v36', 2.32], 
 
        ['v37', 2.31], 
 
        ['v34', 1.27], 
 
        ['v38', 1.02], 
 
        ['v31', 0.33], 
 
        ['v33', 0.22], 
 
        ['v32', 0.15] 
 
       ] 
 
      }, { 
 
       name: 'Safari', 
 
       id: 'Safari', 
 
       data: [ 
 
        ['v8.0', 2.56], 
 
        ['v7.1', 0.77], 
 
        ['v5.1', 0.42], 
 
        ['v5.0', 0.3], 
 
        ['v6.1', 0.29], 
 
        ['v7.0', 0.26], 
 
        ['v6.2', 0.17] 
 
       ] 
 
      }, { 
 
       name: 'Opera', 
 
       id: 'Opera', 
 
       data: [ 
 
        ['v12.x', 0.34], 
 
        ['v28', 0.24], 
 
        ['v27', 0.17], 
 
        ['v29', 0.16] 
 
       ] 
 
      }] 
 
     } 
 
    }); 
 
});

任何想法?

非常感謝。

+1

的預發佈版中的錯誤,我認爲Highcharts 5仍然是預覽版本,並可能有錯誤。根據他們的網站:「我們向你展示Highcharts 5的早期候選人,並且會出現一些錯誤,但是我們希望在現階段獲得反饋意見,然後再研究新功能。它如何爲你工作。「參考:http://www.highcharts.com/news/215-highcharts-5-preview ... –

+1

我認爲,在這裏你可以找到類似的問題在highcharts github上:https://github.com/highcharts/highcharts/問題/ 5723 –

+0

謝謝。我認爲這個問題已經過時,因爲它是一個錯誤。 – cube1893

回答

0

像格熱戈日指出,這是Highcharts 5