高图-z.tz不是函数

时间:2019-07-08 06:44:59

标签: highcharts

在角度(8.1.0)中,我试图将日期时间设置为Highchart(7.1.2)。代码看起来像这样

import * as moment from "moment";

 Highcharts.setOptions({
      time: {
        timezone: "Europe/Madrid"
      },
  })

控制台返回

  

z.tz不是函数

所以问题是:为所有图表全局设置日期时间的正确方法是什么?

1 个答案:

答案 0 :(得分:0)

要使Angular应用程序中的moment.js与Highcharts一起使用,请将moment.js和moment-timezone添加到index.html文件:

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Angular</title>
    <base href="/" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment.js/2.18.1/moment.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/moment-timezone/0.5.13/moment-timezone-with-data-2012-2022.min.js"></script>
  </head>

  <body>
    <app-root></app-root>
  </body>
</html>

演示: