Typescript and HighCharts

Question

I have the following json that's returned from a C# web api as a name value pair.

{
        {
            "Grouping": "Label0",
            "Count": 71
        },
        {
            "Grouping": "Label1",
            "Count": 44
        },
        {
            "Grouping": "Label2",
            "Count": 18
        },
        {
            "Grouping": "Label3",
            "Count": 34
        }        

}

I need to cast this data set to support a highchart pie chart. The pie chart requires data in the form of

{
  name: <>,
  y: <>,
  drilldown: <>
}

How can I cast the retrieved Name value pair into the expected json for highchart? Thanks

madepiet · Accepted Answer · 2021-06-09 07:12:15Z

1

You can always parse the received data to match the date format in highcharts: https://www.highcharts.com/docs/working-with-data/custom-preprocessing

var data = [{
    "yearmonth": '2019 - 01',
    "sales": 30
  }, {
    "yearmonth": '2019 - 02',
    "sales": 66
  }, {
    "yearmonth": '2019 - 03',
    "sales": 52
  }],
  parsedData = [];

data.forEach(element => {
  parsedData.push({
    name: element.yearmonth,
    y: element.sales
  });
});

A simple example: https://jsfiddle.net/BlackLabel/fsvrmd3u/

answered Jun 9, 2021 at 7:12

madepiet

8941 gold badge5 silver badges7 bronze badges

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

2 Comments

madepiet Over a year ago

Can you mark this as the correct answer? Thanks in advance!

DanConsultant Over a year ago

Yes, all set. BTW, I posted another question regarding refresh. No sure if you can help there. Thanks

Collectives™ on Stack Overflow

Typescript and HighCharts

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related