Column Highchart - 显示绝对值，但保留有关哪些值为负数的信息

Question

我从一个 api 接收到负值和正值，并将其输入到我的柱形图中。

http://jsfiddle.net/jn7Lvoz4/3/

问题是我不希望我的负值显示在 x 轴下方，而是显示在上方，就像正值一样。不过，我仍然希望将值保持为负值，以便我可以将它们涂成红色并在值悬停时将它们传递给函数。 （我只是在我的小提琴中用console.log 输出它们，但我想你明白了。）

我找到了解决此问题的方法right here，但他们使用H.seriesTypes.column 解决了这个问题。 Hightcharts.seriesTypes 似乎不存在于 angular-highcharts 中，所以很遗憾这对我没有帮助。

有人知道我是怎么做到的吗？

Answer 1

我想这就是你想要的http://jsfiddle.net/fq2u76hg/2/。

主要的变化是添加了一个映射函数来将每个 [x, y] 转换为一个对象。

function mapData([x, y]) {
    return {
        name: x,
        x: x,
        y: Math.abs(y),
        actualY: y,
        color: y >= 0 ? '#63CCA6' : '#E6496F'
    }
}

然后 Highcarts 将自动使用绝对 y 值和为每个数据元素提供的颜色，并且在您的侦听器函数中，您可以获取 'actualY' 值而不是 'y'。