StockChart log error with dynamic dataset

[Daniel]

when i change the data-source the console prints some error.

This is the template code

<kendo-datasource

  :ref="'datasource'"

  :data="chart">

</kendo-datasource>

<kendo-stockchart

  :data-source-ref="'datasource'"

  :date-field="'date'"

  :category-axis-labels-rotation="'auto'"

  :navigator-series="navigatorSeries"

  :navigator-category-axis-labels-rotation="'auto'"

  :theme="'sass'">

    <kendo-chart-series-item

      :type="'line'"

      :field="'value'">

    </kendo-chart-series-item>

 </kendo-stockchart>

 

And this is the JS

export default {
  name: "RatingHistory",
  components: {
    StockChart,
    DataSource
  },
  data(){
    return{
      services:Object,
      historicData:[],
      fields: {
        date: { type: 'date' }
      },
      navigatorSeries: {
        type: 'area',
        field: 'value'
      }
    }
  },
  computed:{
    chart(){
      return this.historicData
    }
  },
  created(){
    this.services = new Services()
    this.fetchData()
  },
  methods:{
    async fetchData(){
      let result
      try {
        result = await this.services.getRatingHistory()
      } catch(e) {
        console.log("Error getting data--->", e)
      }
      if(result.successful && result.statusCode === 200){
        this.historicData = result.data
      }
    }
  }
};

 

The chart render as expected, but i always see this error.

 

any light on how to prevent it ?

 

[Joana]

Hello Daniel,

Everything seems correct in the configuration. Could you please share a stackblitz example or a sample project where the error is encountered? Then, we will be able to diagnose the cause of the issue and provide you resolution. 

Regards,
Joana
Progress Telerik