在工具提示格式器中创建图表

Create chart in tooltip formatter

本文关键字：创建 工具提示 格式      更新时间：2023-09-26

我试图创建一个内部格式化器[的工具提示配置]里面，我试图动态创建一个图表，但未能实现。有什么好主意吗?

在工具提示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]
    }]
});
相关文章：