Показать/обновить отдельные гистограммы с разверткой Круговая диаграмма Highcharts

Question

Я пытаюсь показать/обновить гистограмму в другом div с разверткой piechart. Я использую highcharts - http://www.highcharts.com/demo/pie-drilldown

В принципе, при загрузке страницы должен быть piechart и гистограмма (давайте назовите его как барграф 1. Эта гистограмма будет в разных div, чем круговая диаграмма. piechart, он должен обновить барграф1 с помощью нового барграфа (давайте назовите его как bargraph2). Когда я нажимаю кнопку «Назад» рядом с пейчартом, он должен вернуть старый пихаарт и барграф (барграф1).

Дайте мне знать, как реализовать этот график.

Answer 1

Вы можете обновить данные столбчатый на drilldown events.

Итак, если у вас есть два набора данных, например.

var bargraphData = { 
    bar1: [1,2,3,4,5], 
    bar2: [5,4,3,2,1] 
} 

Вы можете обновить серию Барграф в - на развертке со вторым набором данных, на drillup с первым.

chart: { 
    type: 'pie', 
    events: { 
     drilldown: function() { 
     bargraph.series[0].update({ 
      data: bargraphData['bar2'] 
     }); 
     }, 
     drillup: function() { 
     bargraph.series[0].update({ 
      data: bargraphData['bar1'] 
     }); 
     } 
    } 
}, 

пример: http://jsfiddle.net/n2kttm9x/