Data for histogram

[dinhthang12t]

Hi how can i customize data for histogram like: data: [10,5,4,20,100] Thank you

[oguzhaninan]

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>

[jonalxh]

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.

[oguzhaninan]

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,....]

[jonalxh]

Ok, I'll try, thanks.