Histogram Not Updating

When passing an array of data to the histogram it doesn’t update visually. Inspecting the histogram object does in fact show the data in place.

created() { let locations = this.$store.getters['map/activeLocations'] for (let location in locations) { this.data.push(locations[location].price) }

This pulls my location data and writes it to ‘data’ which is in a reactive state. Should I be pushing the data into the vue-histogram-slider a different way? I can inspect the histogram object and view the data I just pushed into it, yet the histogram bars do not update.

[stevegiorgi]

If anyone else has faced a similar issue – this was a reactivity issue, but I wasn’t sure why or how. I ended up adding a key to the component, and a method to update that key. This method was then placed/fired after the data is pushed into the component.

I may be incorrect, but isn’t this a reactivity issue with the component itself?

[nilay036]

Assign key to the component like <section key:x><hist></hist></section> and keep updating the key whenever the event triggers.