Histogram doesn't react to data changes

[diegonc]

I set the data property to a computed property of the containing component and the slider doesn't update the bars.

If I change the section and then go back to where the slider is used then it updates. It seems that it only gets rendered on mount.

[oguzhaninan]

Thanks @diegonc. I wil fix it.

[KubeljK]

@oguzhaninan Has any progress been made on this issue?

[oguzhaninan]

Yes @KubeljK I fixed this issue.

[markusand]

What version was this fixed at? It doesn't seem to work in the CodeSandbox example using 0.3.8.

<template>
  <div id="app">
    <input
      type="range"
      min="0"
      max="1000"
      v-model.number="dataSize">
    <HistogramSlider
      :width="300"
      :data="data"
      :min="0"
      :max="Math.max(...data)"
    />
    {{ data }}
  </div>
</template>

<script>
export default {
  name: "App",
  data() {
    return { dataSize: 100 };
  },
  computed: {
    data() {
      const { dataSize } = this;
      return [...Array(dataSize).keys()]
        .map(() => Math.round(Math.random() * 100));
    }
  },
};
</script>

[hsks]

Facing the same issue. Realtime data updates don't seem to be reflected.

[eugv86]

Still an issue... @hsks @markusand were you guys able to figure this out?

[dragma]

Still an issue. Anyone hasn't found any workaround still ?