我是 Highcharts 的新手,需要两个图表(假设图表 a 和图表 B)。所以创建一个很简单。在栏上点击图表(图表 A),我想在现有 <div>
旁边打开一个新图表(图表 B) (图 A)。因此,单击条形图后,两个图表都应该可见。新图表(图表 B)对于点击第一个图表(图表 A)的每个柱应该是不同的
最佳答案
您可以简单地在条形图上绑定(bind)点击事件,然后在特定的 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>
关于javascript - 如何打开新图表到相邻的 <div> on bar click in highchart,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23868187/