Highcharts工具提示以毫秒为单位显示工具提示日期

debugcn 发表于 Dev

ps0604

在这个jsFiddle中，我有一个时间序列Highcharts。日期在X轴上正确无误，但工具提示会显示UTC编号而不是日期。该图表有什么问题？

Highcharts.chart('container', {
  "chart": {
    "type": "spline",
  },
  "xAxis": {
    "title": {
      "text": "aaa",

    },
    "labels": {
      "style": {
        "fontSize": "8px"
      },
      "format": "{value:%d-%m-%Y}"
    }

  },
  "yAxis": [
    {
      "title": {
        "text": "Millions USD"
      },
      "labels": {
        "format": "{value:,0f}"
      },
      "maxPadding": 0
    }
  ],
  "series": [
    {
      "name": "the_date",
      "data": [
        [
          1262390400000,
          10
        ],
        [
          1270339200000,
          25
        ],
        [
          1283385600000,
          15
        ],
        [
          1288483200000,
          20
        ]
      ]
    }
  ],
  "tooltip": {
    "backgroundColor": "rgba(246, 238, 204, 1)",
    "borderColor": "rgba(58, 80, 225, 1)",
    "borderWidth": 1,
    "shadow": true,
    "valueDecimals": 0
  }
});

Bibipkins

Highcharts不知道它是一个日期，必须为轴指定日期。试试我的小提琴。
我根据Highcharts文档更改了您的提琴。
我为您的轴添加了类型"type": 'datetime'

"xAxis": {
  "type": 'datetime',
  "title": {
    "text": "aaa",
  },
}

并格式化工具提示"xDateFormat": "%Y-%m-%d"。

"tooltip": {
  "backgroundColor": "rgba(246, 238, 204, 1)",
  "borderColor": "rgba(58, 80, 225, 1)",
  "borderWidth": 1,
  "shadow": true,
  "valueDecimals": 0,
  "xDateFormat": "%Y-%m-%d"
}

这是Highcharts提供的指向小提琴的链接。

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。