Create JSON object using TypeScript

Question

I currently have a Highcharts in my code, I used JavaScript to massage the data by creating JSON object, the code snippet looks like

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);

How can I write in TypeScript to have the same JavaScript result?

yearChartOptions is a JavaScript object. There's no such thing as a "JSON Object". — Felix Kling
– Felix Kling, Commented Feb 14, 2013 at 1:18

Ryan Cavanaugh · Accepted Answer · 2013-02-14 01:27:59Z

4

Add a /// <reference path="highcharts.d.ts" /> tag to your file. You can get the file from DefinitelyTyped. Everything should just work from there.

answered Feb 14, 2013 at 1:27

Ryan Cavanaugh

223k59 gold badges280 silver badges235 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Create JSON object using TypeScript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related