javascript - Highcharts 散点标记翻译错误

Question

我制作了一个 highcharts 图表，旨在反射(reflect)以下内容:

我使用三 Angular 形图像作为图形的标记，但默认情况下，标记位于条形的中心。我试过使用翻译功能

  chart.series[1].data.graphic.translate(0, 20);

但这似乎没有帮助。这是我的完整代码:

barchartFiddle

我还想知道如何将百分比添加到 的顶部，因为它会随着栏移动。此外，我尝试使用(具有不同 css 属性的多个版本 + 高 zIndex - 我将列出基本的)

chart.renderer.text('blah',50,50).add();

添加底部的 3 个标准，但由于某些奇怪的原因，没有显示任何文本。最后，我想知道要添加什么逻辑才能根据数据更改文本的外观，以反射(reflect)图像中显示的外观(注意可接受和健康之间的区别)

Answer 1

在您的 jsFiddle 中，您在错误的位置添加了回调函数，当您正确添加它时，它应该可以正常工作。

function(chart) {
    var marker = chart.series[1].data[0];
    marker.graphic.translate(-20, 0);
}

您可以使用 dataLabels 来显示标记附近的百分比值。

  dataLabels: {
    enabled: true,
    x: -5,
    y: 10,
    style: {
      fontSize: 20
    },
    formatter: function() {
      return this.y + '%'
    }
  }

在这里您可以找到它如何工作的示例:http://jsfiddle.net/2TuCW/341/