如何打開新的圖表到相鄰的 <div> 在欄上單擊highchart

Question

我是Highcharts的新手，需要兩個圖表（假設圖表a和圖表B）。 因此創建一個很簡單。 在圖表的條形圖上單擊（圖A），我想在現有的<div>旁邊打開一個新的圖表（圖B）（圖A）。 因此，一旦單擊條，兩個圖表都應該可見。 新圖表（圖表B）對於第一個圖表（圖表A）單擊的每個條形都應不同

Answer 1

我認為，如果圖表彼此相關，則不必有2個不同的圖表...您需要的是這樣的東西 ...只需單擊任何一個條形即可看到魔術

Answer 2

您可以簡單地在欄上綁定click事件，然后在特定的div中創建第二個圖表，請參見： http : //jsfiddle.net/Yrygy/147/

var chart = new Highcharts.Chart({
    chart: {
        renderTo: 'container',
        type: 'bar'
    },
    plotOptions: {
        bar: {
            point: {
                events: {
                    click: renderSecond
                }
            }
        }
    },
    series: [{
        data: [{
            y: 100,
            name: 'test'
        }, {
            y: 34,
            name: 'click'
        }, {
            y: 67,
            name: 'other'
        }]
    }]
});

function renderSecond(e) {
    var point = this;
    $("#detail").highcharts({
        title: {
            text: point.name + ':' + point.y
        },
        series: [{
            data: [1, 2, 3]
        }]
    });
}

和標記：

<div id="container" style="min-width: 400px; height: 300px; margin: 0 auto"></div>
<div id="detail" style="min-width: 400px; height: 300px; margin: 0 auto"></div>