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

Question

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

问题是我不希望我的负值显示在 x 轴下方，而是显示在上方，就像正值一样。尽管如此，我仍然希望保持负值，以便我可以将它们着色为红色并在值悬停时将它们传递给函数。（我只是在 fiddle 中用 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'。

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

Column Highchart - display absolute values but keep information about which values are negative

angular

highcharts

angular2-highcharts