css - 将标注添加到Highcharts-堆叠栏

我正在尝试使用Hightcharts中的堆叠栏来设置年龄时间表。我希望有多个标注指向时间轴中的数据点。我将使用工具提示，但我需要所有工具提示始终显示，并且每个工具提示都需要不同的内容。所以我虽然使用标注将是更好的解决方案。

我如何确保呼出指向我需要的数据？
由于条形图本身具有响应能力，我该如何使其具有响应能力？

有谁对我如何实现这一目标有任何想法？

最佳答案

现场演示：http://jsfiddle.net/5joufkwa/9/

解决方案是使用series.dataLabels并在其中生成标注：

    plotOptions: {
        series: {
            stacking: 'normal',
            dataLabels: {
                align: "right", // right align for label
                enabled: true,
                useHTML: true,
                allowOverlap: true,
                overflow: "none",
                crop: false,
                y: -50,
                x: 145,
                formatter: function () {
                    return '<div class="callout top" data-name="Jane">I need to have this call out point to 75!</div>';
                }
            }
        }
    },

注意：x和y可能有所不同，因为它们取决于标注的宽度和高度。

关于css - 将标注添加到Highcharts-堆叠栏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/30740288/