Highcharts 上的值不正确（与输入相比）

Question

我有一个（Highcharts）图表，其中包含一段时间内的百分比。我的系列的输入类似于：

series: [{
    name: "Percentage",
    data: [
        [1472515200000, 49],
        [1472601600000, 48.83],
        [1472688000000, 49.6],
        [1472774400000, 48.77]
    ]
}]

但是在实际图表（areaspline）上我得到不同的值：

• 8 月 30 日，48.91
• 8 月 31 日，49.36
• 9 月 1 日，49.6
• 9 月 2 日，48.87

不完全确定为什么会出现这种情况，我假设这是因为图表具有日期时间类型，并且它正在计算一段时间内的平均值。有没有一种方法可以使输入的值准确无误？在文档中找不到任何内容

感谢您的任何想法/帮助/建议。

---

经过进一步研究，这似乎不是 Highcharts 问题，而是 React 问题。我似乎在每次渲染上都得到了不同的值。将对此进行进一步调查并为好奇者更新。

---

问题似乎与 React 重新渲染有关，因此重新计算了我的百分比值 - 而不是 Highcharts 问题。感谢所有评论的人，有点疯狂。

Answer 1

Jamie，要按字面意思理解输入值，您需要不设置 x 轴的 type 值或将其更改为 type: 'literal'。

这是我使用您的数据创建的一个基本小提琴，以显示如何将其完全解释为输入（相对于转换为日期）：http://jsfiddle.net/brightmatrix/vtLswcex/1/

$(function () {
  Highcharts.setOptions({
    lang: {
      thousandsSep: ','     // adds comma for axis labels
    }
  });
  Highcharts.chart('container', {
    xAxis: {
      labels: {
        formatter: function() {
          return Highcharts.numberFormat(this.value,0);
        }
      }
    },
    series: [{
      name: "Percentage",
      data: [
        [1472515200000, 49],
        [1472601600000, 48.83],
        [1472688000000, 49.6],
        [1472774400000, 48.77]
      ]
    }]
  });
});

请注意，我为 x 轴标签添加了格式，并在 Highcharts.setOptions() 函数中添加了千位分隔符，这样您的标签将更容易读取为万亿。

这是否有助于回答您的问题？如果您正在寻找更好的方法来格式化特定时间的数据，@morganfree 的评论非常值得研究。