javascript - 使用 TypeScript 创建 JSON 对象

标签 javascript typescript

我的代码中目前有一个 Highcharts,我使用 JavaScript 通过创建 JSON 对象来处理数据,代码片段如下

var yearChartOptions = {
    chart: {
        renderTo: 'YearChartContainer',
        type: 'column',
        margin: [ 50, 50, 50, 50]
    },
    title: {
        text: ''
    },
    xAxis: {
        categories: [],
        labels: {
            rotation: -90,
            align: 'right'
        }
    },
    yAxis: {
        title: {
            text: ''
        },
        plotLines: [{
            color: '#FF0000',
            width: 2,
            label: {
                style: {
                    color: 'blue',
                    fontWeight: 'bold',
                    zIndex: -1
                },
                formatter: function () {
                    return '$' + Highcharts.numberFormat(this.value/1000, 0) +'k ';
                }
            },
            zIndex: 10
        }]
    },
};

// Create the chart
var yearChart = new Highcharts.Chart(yearChartOptions);

如何用 TypeScript 编写以获得相同的 JavaScript 结果?

最佳答案

添加/// <reference path="highcharts.d.ts" />标记到您的文件。您可以从DefinitelyTyped获取该文件。一切都应该从那里开始。

关于javascript - 使用 TypeScript 创建 JSON 对象,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14866279/

相关文章:

javascript - 从 Node.js 服务器读取数据时 PHP file_get_contents 命令不起作用

javascript - 如何在 Angular 2 中单击按钮时将数据从一个组件发送到另一个组件

typescript - 条件类型 返回类型 函数签名重载解析

javascript - p5.j​​s createCanvas 不再渲染。 ngOnInit const 未被访问

javascript - TS2307 : Cannot find module '~express/lib/express'

angular - Ionic2 两个 ion-datetime 彼此相邻

javascript - 如何根据用户输入生成修改后的超链接列表

asp.net - 以编程方式在ie7中打开一个新选项卡

javascript - npm 错误!过早关闭

javascript - 启动 PM2 时从 dotenv 文件加载一个变量