我试图创建一个内部格式化器[的工具提示配置]里面,我试图动态创建一个图表,但未能实现。有什么好主意吗?
在工具提示formatter
中创建新容器,并在那里创建新图表。重要的部分是在工具提示呈现后创建图表。以setTimeout
为例。此外,useHTML: true
是必需的,因此formatter
将返回HTML元素,而不是SVG。
参见工作演示:http://jsfiddle.net/EtvMR/4/
当然,您需要根据悬停点获取一些数据,但在示例中,我使用静态数据。
$('#container').highcharts({
tooltip: {
useHTML: true,
formatter: function() {
setTimeout( function() {
$("#hc-tooltip").highcharts({
series: [{
data: [12, 12]
}]
});
}, 10)
return '<div id="hc-tooltip"></div>';
}
},
series: [{
type: 'column',
data: [29.9, 71.5]
}]
});