# \#chart

**URL:** https://community.weweb.io/tag/chart/41.md

[Latest](https://community.weweb.io/latest.md) · [Categories](https://community.weweb.io/categories.md) · [Tags](https://community.weweb.io/tags.md)

---

## [How to update a chart made using the Chart.js plugin (I had WeWeb AI do most of the work initially)](https://community.weweb.io/t/how-to-update-a-chart-made-using-the-chart-js-plugin-i-had-weweb-ai-do-most-of-the-work-initially/17431)

<div class="topic-metadata">

**Author:** [@heyjcm](https://community.weweb.io/u/heyjcm)\
**Replies:** 6\
**Last updated:** [October 29, 2025, 2:21pm UTC](https://community.weweb.io/t/how-to-update-a-chart-made-using-the-chart-js-plugin-i-had-weweb-ai-do-most-of-the-work-initially/17431 "2025-10-29T14:21:51Z")

</div>

Hi! I made the above scatter plot by calling an API endpoint from Xano, then creating an “On page load” workflow that fetches the collection, then transforms the data using custom javascript, and finally stores the da…

---

## [How to Add More Information in the Tooltips in Chart JS](https://community.weweb.io/t/how-to-add-more-information-in-the-tooltips-in-chart-js/20026)

<div class="topic-metadata">

**Author:** [@gilsonricardomr](https://community.weweb.io/u/gilsonricardomr)\
**Replies:** 0\
**Last updated:** [September 22, 2025, 1:44pm UTC](https://community.weweb.io/t/how-to-add-more-information-in-the-tooltips-in-chart-js/20026 "2025-09-22T13:44:54Z")

</div>

I have question, how can I show more information in tooltip? Because the response from backend will be more than one data, so how can I show all of it in tooltip of Chart. thanks ^^

---

## [How to build a combo bar/line chart](https://community.weweb.io/t/how-to-build-a-combo-bar-line-chart/4670)

<div class="topic-metadata">

**Author:** [@archenia\_jsanchez](https://community.weweb.io/u/archenia_jsanchez)\
**Replies:** 10\
**Last updated:** [August 18, 2025, 8:20am UTC](https://community.weweb.io/t/how-to-build-a-combo-bar-line-chart/4670 "2025-08-18T08:20:28Z")

</div>

I’m having some trouble creating a combo bar/line chart. Per the linked sample, I believe I just need to add 2 datasets to the datasets formula. I’m able to get 2 datasets created as 2 bars (see attached Figure1.png) but…

---

## [Integrating Complete Vue Component Library in WeWeb - Gantt Chart complex data grid](https://community.weweb.io/t/integrating-complete-vue-component-library-in-weweb-gantt-chart-complex-data-grid/6832)

<div class="topic-metadata">

**Author:** [@benFortunato](https://community.weweb.io/u/benFortunato)\
**Replies:** 9\
**Last updated:** [May 25, 2025, 8:02pm UTC](https://community.weweb.io/t/integrating-complete-vue-component-library-in-weweb-gantt-chart-complex-data-grid/6832 "2025-05-25T20:02:19Z")

</div>

I was wondering if anyone had any experience integrating complex components into weweb? I’m looking to use an existing library such a gantt chart in the link below. Is this a fools errand or something that is workable? I…

---

## [ChartJS resets on data update](https://community.weweb.io/t/chartjs-resets-on-data-update/8986)

<div class="topic-metadata">

**Author:** [@jagai](https://community.weweb.io/u/jagai)\
**Replies:** 3\
**Last updated:** [April 22, 2025, 12:28pm UTC](https://community.weweb.io/t/chartjs-resets-on-data-update/8986 "2025-04-22T12:28:19Z")

</div>

Hey everyone, Facing an issue with ChartJS that whenever the dataset is updated, the charts reset the values to 0 and then re-renders. I’ve heard this has been a known issue in the past with ChartJS and there have been …

---

## [How to integrate highcharts library](https://community.weweb.io/t/how-to-integrate-highcharts-library/965)

<div class="topic-metadata">

**Author:** [@Bargeo](https://community.weweb.io/u/Bargeo)\
**Replies:** 8\
**Last updated:** [April 16, 2025, 4:18am UTC](https://community.weweb.io/t/how-to-integrate-highcharts-library/965 "2025-04-16T04:18:22Z")

</div>

I’m trying to use the highchart library on weweb because the chartJS plugin is not adequate for my use case. So I added the highcharts installation script in the : \<script src="https://code.highcharts.com/highcharts.js…

---

## [Bind chart colors to values](https://community.weweb.io/t/bind-chart-colors-to-values/17165)

<div class="topic-metadata">

**Author:** [@garcilaso](https://community.weweb.io/u/garcilaso)\
**Replies:** 1\
**Last updated:** [March 14, 2025, 7:54am UTC](https://community.weweb.io/t/bind-chart-colors-to-values/17165 "2025-03-14T07:54:42Z")

</div>

Hello, I understand that this might not be possible in guided mode, but I wanted to check just in case. :slightly\_smiling\_face: Is there a way to bind specific colors to values in a chart? In my case, I’m displaying va…

---

## [Chart graphic bugging](https://community.weweb.io/t/chart-graphic-bugging/17024)

<div class="topic-metadata">

**Author:** [@joaosander](https://community.weweb.io/u/joaosander)\
**Replies:** 1\
**Last updated:** [March 11, 2025, 4:42pm UTC](https://community.weweb.io/t/chart-graphic-bugging/17024 "2025-03-11T16:42:49Z")

</div>

for some reason my graphic chart just become full transparent sometimes

---

## [Charts work perfect in the editor but are blank when live](https://community.weweb.io/t/charts-work-perfect-in-the-editor-but-are-blank-when-live/14169)

<div class="topic-metadata">

**Author:** [@Blapril](https://community.weweb.io/u/Blapril)\
**Replies:** 3\
**Last updated:** [March 10, 2025, 9:09pm UTC](https://community.weweb.io/t/charts-work-perfect-in-the-editor-but-are-blank-when-live/14169 "2025-03-10T21:09:51Z")

</div>

The charts load perfect in the editor but they dont load on the live page? The data is making it there or it wouldnt be giving me the totals on the top of the charts. The charts just arent showing up. I have the charts b…

---

## [Chart graphics and datasets from supabase + colors](https://community.weweb.io/t/chart-graphics-and-datasets-from-supabase-colors/17021)

<div class="topic-metadata">

**Author:** [@joaosander](https://community.weweb.io/u/joaosander)\
**Replies:** 2\
**Last updated:** [March 6, 2025, 3:34am UTC](https://community.weweb.io/t/chart-graphics-and-datasets-from-supabase-colors/17021 "2025-03-06T03:34:19Z")

</div>

How do i customize data inside chart using advanced mode? return \[{ label: ‘Scatter Dataset’, data: \[ { x: 9, y: 8, r: 1}, { x: 20, y: 20, r: 5 }, { x: 45, y: 40, r: 3 } \] }\] thats what i put into datasets and w…

---

## [Copy chart element to clipboard](https://community.weweb.io/t/copy-chart-element-to-clipboard/16651)

<div class="topic-metadata">

**Author:** [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Replies:** 0\
**Last updated:** [February 19, 2025, 1:18pm UTC](https://community.weweb.io/t/copy-chart-element-to-clipboard/16651 "2025-02-19T13:18:04Z")

</div>

Hi there, Is it possible to make a function that when I use clicks a button a image of chart (ChartJs) being copied to clipboard, so a user can past it elsewhere?

---

## [How to add a Sunburst chart](https://community.weweb.io/t/how-to-add-a-sunburst-chart/16208)

<div class="topic-metadata">

**Author:** [@FHEXL](https://community.weweb.io/u/FHEXL)\
**Replies:** 1\
**Last updated:** [January 31, 2025, 11:33pm UTC](https://community.weweb.io/t/how-to-add-a-sunburst-chart/16208 "2025-01-31T23:33:30Z")

</div>

HI there? Anyone managed to add a zommable sun burst chart? Which library is best to use, or is it possible using the npm plugin?

---

## [Help with Chart JS Annotation Plugin](https://community.weweb.io/t/help-with-chart-js-annotation-plugin/4781)

<div class="topic-metadata">

**Author:** [@archenia\_jsanchez](https://community.weweb.io/u/archenia_jsanchez)\
**Replies:** 10\
**Last updated:** [December 4, 2024, 5:02pm UTC](https://community.weweb.io/t/help-with-chart-js-annotation-plugin/4781 "2024-12-04T17:02:26Z")

</div>

Hey WeWeb Community! I’ve tried installing the Chart JS Annotation plugin but having trouble with it performing consistently. Sometimes it shows and sometimes it does not. Any advice on how to troubleshoot? Check out my …

---

## [Has anyone had success implementing a gauge chart in WeWeb?](https://community.weweb.io/t/has-anyone-had-success-implementing-a-gauge-chart-in-weweb/7922)

<div class="topic-metadata">

**Author:** [@seo](https://community.weweb.io/u/seo)\
**Replies:** 3\
**Last updated:** [November 12, 2024, 6:38pm UTC](https://community.weweb.io/t/has-anyone-had-success-implementing-a-gauge-chart-in-weweb/7922 "2024-11-12T18:38:48Z")

</div>

I am trying to import the NPM package - chartjs-gauge - but can’t get it to register: It could be there is a “global property” that needs defining but I am not sure what it is. Have tried many different configuration…

---

## [Chart filtering](https://community.weweb.io/t/chart-filtering/14273)

<div class="topic-metadata">

**Author:** [@BenoitG](https://community.weweb.io/u/BenoitG)\
**Replies:** 1\
**Last updated:** [October 31, 2024, 11:35am UTC](https://community.weweb.io/t/chart-filtering/14273 "2024-10-31T11:35:53Z")

</div>

Hi, I have a dashboard I need to filter. I want to filter all charts when I click on a bar. When I click on the bar, I can get the Label, this can help me filter on the date for exemple. But I can not manage to ge…

---

## [Reusable function for dataset](https://community.weweb.io/t/reusable-function-for-dataset/14223)

<div class="topic-metadata">

**Author:** [@BenoitG](https://community.weweb.io/u/BenoitG)\
**Replies:** 1\
**Last updated:** [October 28, 2024, 2:19pm UTC](https://community.weweb.io/t/reusable-function-for-dataset/14223 "2024-10-28T14:19:06Z")

</div>

Hi there ! I am trying to build a function to generate dataset. function createDatasets(data, chartLabels, dataLabels, dataValues, chartColors = \['rgba(75, 192, 192, 0.5)', 'rgba(255, 99, 132, 0.5)', 'rgba(54, 162, …

---

## [Chart JS Advanced Mode + Xano](https://community.weweb.io/t/chart-js-advanced-mode-xano/9140)

<div class="topic-metadata">

**Author:** [@albarracim](https://community.weweb.io/u/albarracim)\
**Replies:** 4\
**Last updated:** [June 20, 2024, 9:51am UTC](https://community.weweb.io/t/chart-js-advanced-mode-xano/9140 "2024-06-20T09:51:45Z")

</div>

Hello everyone, I’m using chart js advanced mode and I’m trying to figure out how am I going to replace the information from Labels and Datasets with the information from fetched collections. See these examples below: …

---

## [Charts JS - Global Properties](https://community.weweb.io/t/charts-js-global-properties/8167)

<div class="topic-metadata">

**Author:** [@stevedesignerd](https://community.weweb.io/u/stevedesignerd)\
**Replies:** 1\
**Last updated:** [April 19, 2024, 2:47am UTC](https://community.weweb.io/t/charts-js-global-properties/8167 "2024-04-19T02:47:30Z")

</div>

Hello everyone! I’m currently working on creating a dashboard using the ChartJS plugin. I’m exploring the advanced mode and I’m curious if there’s a way to access global properties. Specifically, I’m looking to change th…

---

## [Stacked bar chart](https://community.weweb.io/t/stacked-bar-chart/7426)

<div class="topic-metadata">

**Author:** [@MrUnfreeze](https://community.weweb.io/u/MrUnfreeze)\
**Replies:** 4\
**Last updated:** [March 19, 2024, 6:14pm UTC](https://community.weweb.io/t/stacked-bar-chart/7426 "2024-03-19T18:14:20Z")

</div>

Hello, I have a collection (see below, it’s an edited screenshot, the collection is much longer) from which I would like to create a bar chart with the “Month” (circled in green) on the X axis, and the “Period” (circled…

---

## [Display the percentage value of each bar on the chart](https://community.weweb.io/t/display-the-percentage-value-of-each-bar-on-the-chart/6942)

<div class="topic-metadata">

**Author:** [@crclo](https://community.weweb.io/u/crclo)\
**Replies:** 3\
**Last updated:** [February 10, 2024, 3:43pm UTC](https://community.weweb.io/t/display-the-percentage-value-of-each-bar-on-the-chart/6942 "2024-02-10T15:43:45Z")

</div>

Hello, I am using the horizontal bar chart, and I would like to permanently display the percentage value of each bar on the chart, not just show the value of the bar when I hover over it with the mouse. How can I do th…

---

## [Embed PowerBi report and control values through weweb interface](https://community.weweb.io/t/embed-powerbi-report-and-control-values-through-weweb-interface/6340)

<div class="topic-metadata">

**Author:** [@benFortunato](https://community.weweb.io/u/benFortunato)\
**Replies:** 5\
**Last updated:** [February 6, 2024, 1:36pm UTC](https://community.weweb.io/t/embed-powerbi-report-and-control-values-through-weweb-interface/6340 "2024-02-06T13:36:43Z")

</div>

I was wondering if anyone had any experience embeding a powerBi report in a weweb site and then using a button or drop down from the xano interface to change the display of data in the powerBi embed. I saw the article b…

---

## [Embed PowerBi report and update data from submited table - current solution too slow](https://community.weweb.io/t/embed-powerbi-report-and-update-data-from-submited-table-current-solution-too-slow/6341)

<div class="topic-metadata">

**Author:** [@benFortunato](https://community.weweb.io/u/benFortunato)\
**Replies:** 1\
**Last updated:** [January 15, 2024, 11:23am UTC](https://community.weweb.io/t/embed-powerbi-report-and-update-data-from-submited-table-current-solution-too-slow/6341 "2024-01-15T11:23:13Z")

</div>

I was wondering if anyone had any experience with using data from a weweb table, posting that back to a xano database and then updating a powerBi dashboard. I’m using airtable currently and between the API calls to airta…

---

## [Chartjs labels bug?](https://community.weweb.io/t/chartjs-labels-bug/5515)

<div class="topic-metadata">

**Author:** [@Geoffroy](https://community.weweb.io/u/Geoffroy)\
**Replies:** 6\
**Last updated:** [November 30, 2023, 5:01pm UTC](https://community.weweb.io/t/chartjs-labels-bug/5515 "2023-11-30T17:01:26Z")

</div>

I have several charts with the chartjs plugin, all of which work well in advanced mode. I bind the “settings” object to a variable ww. When I want to customize the legend, specifically the labels, the chart crashes and i…

---

## [Annotate data values on pie chart slices chartjs](https://community.weweb.io/t/annotate-data-values-on-pie-chart-slices-chartjs/3634)

<div class="topic-metadata">

**Author:** [@karthik](https://community.weweb.io/u/karthik)\
**Replies:** 2\
**Last updated:** [July 27, 2023, 2:14am UTC](https://community.weweb.io/t/annotate-data-values-on-pie-chart-slices-chartjs/3634 "2023-07-27T02:14:54Z")

</div>

Instead of showing the number on the tooltip like this can I just show it as a text there explicitly without any hover the number should be visible. For context the chart that is being used is pie chart from chartjs …

---

## [How create multiple Y axies line chart using chart.js & airtable?](https://community.weweb.io/t/how-create-multiple-y-axies-line-chart-using-chart-js-airtable/2363)

<div class="topic-metadata">

**Author:** [@chanaka](https://community.weweb.io/u/chanaka)\
**Replies:** 1\
**Last updated:** [April 20, 2023, 8:58am UTC](https://community.weweb.io/t/how-create-multiple-y-axies-line-chart-using-chart-js-airtable/2363 "2023-04-20T08:58:23Z")

</div>

Hi, I’m trying to create multiple Y axis line chart using chart.js & airtable. i can make multiple Y axe’s chart using hardcoded values. but I don’t know how to integrate it with airtable. please help me to do this. Pl…

---

## [ChartJS manipulation](https://community.weweb.io/t/chartjs-manipulation/2038)

<div class="topic-metadata">

**Author:** [@chadsmithclt](https://community.weweb.io/u/chadsmithclt)\
**Replies:** 5\
**Last updated:** [March 17, 2023, 2:17pm UTC](https://community.weweb.io/t/chartjs-manipulation/2038 "2023-03-17T14:17:09Z")

</div>

Hi all, does anyone know of a way to hide the labels for the charts extension?

---

## [Customise line chart component](https://community.weweb.io/t/customise-line-chart-component/826)

<div class="topic-metadata">

**Author:** [@Anna.fae](https://community.weweb.io/u/Anna.fae)\
**Replies:** 3\
**Last updated:** [July 28, 2022, 2:29pm UTC](https://community.weweb.io/t/customise-line-chart-component/826 "2022-07-28T14:29:31Z")

</div>

Im exploring nocode charts and thats really cool tool, thank you WeWeb! I try to show Nr of items sold by Date/time and is there any way to customise it: to make X axis for date/time linear - currently events distri…

---

## [Loops, Charts, CSV Downloads and Lookup Depth 🔁](https://community.weweb.io/t/loops-charts-csv-downloads-and-lookup-depth/409)

<div class="topic-metadata">

**Author:** [@Joyce](https://community.weweb.io/u/Joyce)\
**Replies:** 0\
**Last updated:** [April 12, 2022, 4:07pm UTC](https://community.weweb.io/t/loops-charts-csv-downloads-and-lookup-depth/409 "2022-04-12T16:07:06Z")

</div>

Hey there :waving\_hand: We’re back once, We’re back twice, We’re back until the iterator stops :raising\_hands: Yep, that’s right, last week we released an iterator action in the no-code workflows. We also: added…