在高图中显示高于零而不是低于零的负 Y 值答案

【问题标题】：Display negative Y values above zero instead below in highcharts在高图中显示高于零而不是低于零的负 Y 值
【发布时间】：2020-03-28 00:37:48
【问题描述】：

我想利用散点图在类似地图的基础上可视化兴趣点。

坐标取自 Minecraft，如下所示：

[10, -10]

如果我将它们直接放入一个简单的散点图中，一切看起来都不错，除了来自我的世界的负 Y 值，朝北，以正常的数学方式显示，向下。

我不想弄乱这些数字，我必须将它们乘以 -1 并一直处理到 EOL。

如何将显示在零模拟上方的负 Y 值转换为北？

https://jsfiddle.net/vwdce0nt/

【问题讨论】：

您是否尝试过在值上使用Math.abs(...)？喜欢coordinatesArray.map(Math.abs)
@Deryck 你能动动你的想法吗？我已经更新了我的问题中的一个来代表北方和南方。
如果您使用简单的静态数据（如您在此处提供的小提琴中）执行此操作，则可以将值更改为非负数。如果您要动态获取数据并在初始化时将其传递给.series，您只需要像seriesData.map(obj => ({ ...obj, data: obj.data.map(Math.abs) }) )那样在该点上映射它

标签： javascript highcharts scatter-plot

【解决方案1】：

可以添加y轴的选项reversed：

 yAxis: {
    title: {
        text: 'Z'
    },
    startOnTick: true,
    endOnTick: true,
    gridLineWidth: 1,
    min: -1000,
    max: 1000,
    reversed: true,
},

见Highcharts documentation

【讨论】：