Data for histogram about vue-histogram-slider HOT 4 CLOSED

Hi @dinhthang12t,
Example:

<template>
  <div id="app">
    <HistogramSlider
      style="margin: 200px auto"
      :width="600"
      :bar-height="100"
      :data="data"
      :prettify="prettify"
      :drag-interval="true"
      :colors="['#4facfe', '#00f2fe']"
      :min="4"
      :max="100"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      data: [10, 5, 4, 20, 100]
    };
  }
};
</script>

from vue-histogram-slider.

Hi @oguzhaninan
What if the server send me the counted data? Something like this:

[
{ value: 5, count: 15},
{ value: 250, count: 124},
...
]

Is there a way to pass the data in this way?

Thanks for your help.

from vue-histogram-slider.

Hi @jonalxh,
There is no structure suitable for this data. You can just take the values ​​and try them out by making a list.

[5, 250,....]

from vue-histogram-slider.

Ok, I'll try, thanks.

from vue-histogram-slider.