Hi There, I have a kendo UI chart who's datasource is bound to a computed property. I can see the datasource computed property is being updated but the chart is not rebinding/redrawing. Do I need to manually redraw the chart?
If we don't need to manually refresh/redraw then do you have any ideas as to why the chart wouldn't redraw when I update the datasource prop? Thanks!
8 Answers, 1 is accepted
I'm sorry looks like I am unable to edit this post.
To clarify what I am doing is binding the series prop:
"series" is a computed property in my component that creates series where the series data property is passed data:
I tried out the case described in this example (https://codesandbox.io/s/n869o6zy4) and I was uable to see any problems with the chart refreshing when the series prop is changed.
Please take a look at: https://codesandbox.io/s/2vl4ppy1rr . There is no apparent error and it this one does not bind at all. I do have it binding in my own but the series prop is not reactive. ie: the computed series changes and the chart does not update automatically.
I am unable to determine from the documentation whether or not you can bind multiple series without explicitly defining a category axis array with all values. I don't think my scenario is an edge case. Imagine a chart where you have multiple series sources, the only thing you are 100 % certain of is the value and category fieldname in your series array objects. It would be very useful to be able to bind multiple series where the value AND the category axis values are defined in the series itself.
Typically, whatever change is caused should be propagated to the Vue wrapper and the widget to be refreshed. That this is implemented by utilizing the watchers of the Vuie component. In Vue, there is a limitation regarding mutation of Arrays, where updating indexes will not propagate a change to a watcher. Thus, there is no programmatic approach to tell when an internal field of an index in an array is changed. Therfeore, I suggest you to check if this is going to work properly if you update the entire array, instead of only the specific indexes of the array.
Also, the codesandbox example is not rendering any series even if they are not updated programmatically.
I assume, you could use the render event, which is triggered when the chart is rendered or re-rendered. Here you are an example: https://codesandbox.io/s/1v2k7y15ml.