Highcharts，鑽時添加'返回'（向上鑽取）按鈕

Question

如何實現'<返回'按鈕從這個http://jsfiddle.net/highcharts/Vf3yT/（點擊餡餅）到這個http://jsfiddle.net/neFYY/（new 3.0 Highcharts）？

Highcharts.setOptions({ 
    lang: { 
     drillUpText: '◁ Back to {series.name}' 
    } 
}); 

Answer 1

讓我們說清楚：

• 這個例子： IS NOT插件，它只是簡單Highcharts圖，與一些點擊結合，使其表現得像明細。

• 這個例子：http://jsfiddle.net/highcharts/Vf3yT/ IS插件，這需要一些特定的結構，使其工作（見：drilldown對象）

所以，如果你想使用插件與第一張圖，你需要通過適當的結構是插件，它是：

drilldown: { 
    activeAxisLabelStyle: { 
     cursor: 'pointer', 
     color: '#039', 
     fontWeight: 'bold', 
     textDecoration: 'underline'    
    }, 
    activeDataLabelStyle: { 
     cursor: 'pointer', 
     color: '#039', 
     fontWeight: 'bold', 
     textDecoration: 'underline'    
    }, 
    animation: { 
     duration: 500 
    }, 
    series: [{ 
     id: 'fruits', 
     name: 'Fruits', 
     data: [ 
      ['Apples', 4], 
      ['Pears', 6], 
      ['Oranges', 2], 
      ['Grapes', 8] 
     ] 
    }, { 
     id: 'cars', 
     name: 'Cars', 
     data: [{ 
      name: 'Toyota', 
      y: 4, 
      drilldown: 'toyota' 
     }, 
     ['Volkswagen', 3], 
     ['Opel', 5] 
     ] 
    }, { 
     id: 'toyota', 
     name: 'Toyota', 
     data: [ 
      ['RAV4', 3], 
      ['Corolla', 1], 
      ['Carina', 4], 
      ['Land Cruiser', 5] 
     ] 
    }] 
}, 

和Series：

series: [{ 
    name: 'Overview', 
    colorByPoint: true, 
    data: [{ 
     name: 'Fruits', 
     y: 10, 
     drilldown: 'fruits' 
    }, { 
     name: 'Cars', 
     y: 12, 
     drilldown: 'cars' 
    }, { 
     name: 'Countries', 
     y: 8 
    }] 
}] 

Answer 2

我不知道是哪裏的問題，要添加按鈕，您可以使用從最前一頁例如pluginhttp://jsfiddle.net/Vf3yT/62

上圖是一樣的二把手。