# Using Quickchart for bar chart but only first row is shown

**URL:** <https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009>\
**Category:** Ask for Help\
**Created:** [May 2, 2024, 4:00pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009 "2024-05-02T16:00:18Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![maleekaT](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@maleekaT](https://community.glideapps.com/u/maleekaT)\
**Post date:** [May 2, 2024, 4:00pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/1 "2024-05-02T16:00:18Z")

</div>

I created a bar chart using quickchart, then used a template column to add the Json Code, and created a column of type Construct URL.  
in the template I did data: [_#_] and replaced it with the math column I wanted.  
But when the chat is displayed, only one bar is shown, yet _#_ was replaced with the appropriate value in next rows.

 ![Capture d’écran (1221)](https://us1.discourse-cdn.com/flex002/uploads/glideapps/original/3X/5/3/53f2646597c24b87c584b673610c512a54d2551d.png)

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 2, 2024, 4:08pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/2 "2024-05-02T16:08:58Z")

</div>

Can I show us what the url looks like?

---

<div class="post-metadata">

**Author:** ![maleekaT](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@maleekaT](https://community.glideapps.com/u/maleekaT)\
**Post date:** [May 2, 2024, 4:10pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/3 "2024-05-02T16:10:01Z")

</div>

yes of course

```auto
![](upload://jMixpvbL2J0THQKY427EWnjE8uz.png)

```

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 2, 2024, 4:13pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/4 "2024-05-02T16:13:50Z")

</div>

You only have 1 data point (11), so there is only one bar to show.

```auto
https://quickchart.io/chart?c={
  type: 'bar',
  data: {
    labels: ['J1', 'J2', 'J3', 'J4', 'J5', 'J6', 'J7'],
    datasets: [
      {
        data: [11],
      }
    ],
  },
  options: {
    legend: {
      display: false,
    },
    scales: {
      xAxes: [{
        display: true,
      }],
      yAxes: [{
        display: true,
         ticks: {
          suggestedMin: 0,
        },
      }]
    },
  },
}
&bkg=#492354

```

---

<div class="post-metadata">

**Author:** ![maleekaT](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@maleekaT](https://community.glideapps.com/u/maleekaT)\
**Post date:** [May 2, 2024, 4:15pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/5 "2024-05-02T16:15:46Z")

</div>

this is the first row, the second row contains 8 and the third 10, and so on  
I trying to display each row as a bar in the same chart

---

<div class="post-metadata">

**Author:** ![Jeff\_Hager](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/jeff_hager/32/43_2.png) [@Jeff\_Hager](https://community.glideapps.com/u/Jeff_Hager)\
**Post date:** [May 2, 2024, 4:17pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/6 "2024-05-02T16:17:03Z")

</div>

You need a Joined List of all of your data points joined together as a single comma delimited text string. Then you can place that joined list into your template column.

---

<div class="post-metadata">

**Author:** ![maleekaT](https://avatars.discourse-cdn.com/v4/letter/m/8dc957/32.png) [@maleekaT](https://community.glideapps.com/u/maleekaT)\
**Post date:** [May 2, 2024, 4:18pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/7 "2024-05-02T16:18:36Z")

</div>

okay thank you very much

---

<div class="post-metadata">

**Author:** ![system](https://sea2.discourse-cdn.com/flex002/user_avatar/community.glideapps.com/system/32/53398_2.png) [@system](https://community.glideapps.com/u/system)\
**Post date:** [May 9, 2024, 4:18pm UTC](https://community.glideapps.com/t/using-quickchart-for-bar-chart-but-only-first-row-is-shown/73009/8 "2024-05-09T16:18:49Z")

</div>

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.