Highcharts 散点标记翻译错误答案

【问题标题】：Highcharts scatter marker translation errorHighcharts 散点标记翻译错误
【发布时间】：2016-08-10 21:56:14
【问题描述】：

我制作了一个高图表，旨在反映以下内容：

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

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

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

barchartFiddle

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

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

添加底部的 3 个条件，但由于某种奇怪的原因，没有显示任何文本。最后，我想知道要添加什么逻辑来根据数据更改文本的外观，以镜像图像中显示的内容（注意可接受和健康之间的区别）

【问题讨论】：

标签： javascript highcharts bar-chart

【解决方案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/

【讨论】：