javascript - 如何在图表上方放置数据标签？

我在下面有一个启用了数据标签的样条图的简单示例：

dataLabels: {enabled: true}

http://jsfiddle.net/gc8144kv/

我想将数据标签放在图的顶部而不是在线上。
请参见此处的示例（我只是使用Paint编辑器移动了数据标签：））：
Data labels on top of the graph

我怎样才能做到这一点 ？知道当我们调整窗口大小时数据标签应该响应

谢谢。

最佳答案

我认为，最好将您的dataLabels移动到加载和重绘事件函数中，因为即使那时调整图表大小，您的dataLabels也会处于正确的位置。

在这里，您可以看到可能对您有帮助的代码：

  var positionLabels = function(chart) {
    var series = chart.series[0],
      dataLabelsGroup = series.dataLabelsGroup,
      xVal;
    Highcharts.each(dataLabelsGroup.element.children, function(d) {
      xVal = (d.attributes.transform.value).substring((d.attributes.transform.value).indexOf('(') + 1, (d.attributes.transform.value).indexOf(','));
      $(d).attr('transform', 'translate(' + xVal + ',-20)')
    })
  };

在这里，您可以找到运行示例的实时示例：http://jsfiddle.net/gc8144kv/7/

关于javascript - 如何在图表上方放置数据标签？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/39913358/