Bug when trying to set dataset to the result returned by promise

I can successfully generate with predefined data. However when I try to dynamically add new dataset returned by the result of http.get the following error:

angular.js:13236 TypeError: Cannot read property 'values' of undefined.

this is my service:

  getValveChartData(type, trim, size, diameter_unit){
     return this.http.get("http://localhost:5685/api/values/getValveChart?type="+type+"&size="+size+"&trim="+trim+"&diameter_unit="+diameter_unit).then(result => result.data );
  }

In my controller:
    this.calculator.getValveChartData()
      .then(javab => {
        this.data = {
          dataset2: result
        };
};

If I replace result with some valid array it will generate the chart but I don’t know why the result will launch that error.

Thanks

[chaosmail]

You are already defining dataset2 in the option, when the dataset is (most likely) not available (in the beginning). When you define your dataset, just init dataset2:

this.data = {
    ...
    'dataset2': []
}

Let me know if this helps

[chaosmail]

Hi @aligit can you check the result object if it actually contains something? Maybe you could even add an if-statement to only set dataset2 if result exists.

this.calculator.getValveChartData()
      .then(javab => {
        console.log(result);
        this.data = {
          dataset2: result
        };

Can you show your other options as well? Maybe you defined dataset2 already before it is loaded.

Best, Christoph