账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    在typescript中引用highcharts报错?
    • 2019-09-30 00:00
    • 11
    35
    0

    在vue项目中报错:

        Property 'type' is missing in type '{ name: string; data: number[]; }' but required in type 'SeriesXrangeOptions'.
    

    项目代码

    <template lang="pug">
      div(id="container",style="min-width:400px;height:400px")
    </template>
    <script lang="ts">
      import * as Highcharts from "highcharts";
      Highcharts.chart('container',{
        chart: {
          type: 'column'
        },
        title: {
          text: '包含负值的柱形图'
        },
        xAxis: {
          categories: ['苹果', '橘子', '梨', '葡萄', '香蕉']
        },
        series: [{
          name: '小张',
          data: [5, 3, 4, 7, 2]
        }, {
          name: '小彭',
          data: [2, -2, -3, 2, 1]
        }, {
          name: '小潘',
          data: [3, 4, 4, -2, 5]
        }]
      });
    </script>
    <style scoped lang="stylus"></style>

    这个应该怎么改?什么情况下typescript写普通js代码会报错?
    比如声明变量

    let number=6;
    而不是
    let number:number=6;
    这种形式下,也可以正常运行所以不知道在什么情况下会报错?
    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 11 元积分
        全部回答
    • 0
    • 倚楼听雨. 普通会员 1楼

      在TypeScript中引用Highcharts报错,这可能是由于以下原因:

      1. 你可能在使用Highcharts库时没有正确地安装它。确保你已经安装了Highcharts库,并将其添加到你的项目中。

      2. 你可能试图在TypeScript中使用一个未定义的Highcharts对象。例如,如果你正在使用Highcharts.createChart()方法,但未先创建一个Highcharts对象,那么你将收到一个错误。

      3. 你可能在尝试使用一个不存在的Highcharts图表对象。例如,如果你正在尝试访问一个不存在的Highcharts图表对象,那么你将收到一个错误。

      解决这个问题的一种方法是确保你已经正确地安装了Highcharts库,并将其添加到你的项目中。你可以使用npm(Node.js包管理器)来安装Highcharts库:

      bash npm install highcharts

      然后,你可以使用Highcharts库的API来创建和访问图表。例如,你可以使用Highcharts.createChart()方法来创建一个图表,如下所示:

      ```typescript import Highcharts from 'highcharts';

      Highcharts.init(document.getElementById('container').getContext('2d')); ```

      在这个例子中,Highcharts.init()方法将创建一个新的图表,并将其附加到container元素的2D上下文中。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部