# Using chart.js to create bubble chart

**URL:** <https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106>\
**Category:** General\
**Created:** [6 August 2022 13:29 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106 "2022-08-06T13:29:10Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![xiaosong0612](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/xiaosong0612/32/65844_2.png) [@xiaosong0612](https://discourse.nodered.org/u/xiaosong0612)\
**Post date:** [6 August 2022 13:29 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/1 "2022-08-06T13:29:10Z")

</div>

I’m an absolute beginner  
using chart.js how to creat bubble chart?

i want create bubble chart on [http://localhost:1880/ui](http://localhost:1880/ui)

I want to get the x,y value through mqtt and mark the location on the bubble chart

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [6 August 2022 13:47 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/2 "2022-08-06T13:47:41Z")

</div>

If you do a search in the flows tab of this site you will find an example I added awhile ago

---

<div class="post-metadata">

**Author:** ![xiaosong0612](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/xiaosong0612/32/65844_2.png) [@xiaosong0612](https://discourse.nodered.org/u/xiaosong0612)\
**Post date:** [10 August 2022 09:15 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/3 "2022-08-10T09:15:13Z")

</div>

sorry  
i can't find it  
can you tell me the address?

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [10 August 2022 09:44 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/4 "2022-08-10T09:44:22Z")

</div>

@xiaosong0612 I've changed the topic title from;  
"I need you help" to "Using chart.js to create bubble chart".

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [10 August 2022 10:14 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/5 "2022-08-10T10:14:13Z")

</div>

What word or words did you use as a search term?

---

<div class="post-metadata">

**Author:** ![xiaosong0612](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/xiaosong0612/32/65844_2.png) [@xiaosong0612](https://discourse.nodered.org/u/xiaosong0612)\
**Post date:** [10 August 2022 10:28 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/6 "2022-08-10T10:28:49Z")

</div>

thank you

---

<div class="post-metadata">

**Author:** ![xiaosong0612](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/xiaosong0612/32/65844_2.png) [@xiaosong0612](https://discourse.nodered.org/u/xiaosong0612)\
**Post date:** [10 August 2022 10:29 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/7 "2022-08-10T10:29:05Z")

</div>

bubble chart

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [10 August 2022 10:38 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/8 "2022-08-10T10:38:44Z")

</div>

So you clicked on the `flows` tab at the top of this forum

 ![flowstab](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/f/4/f42ff588da13f9b580f65e1e192b6879897d8991.jpeg)

and entered `bubble chart` and didn't find anything?

---

<div class="post-metadata">

**Author:** ![fmarzocca](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fmarzocca/32/35901_2.png) [@fmarzocca](https://discourse.nodered.org/u/fmarzocca)\
**Post date:** [10 August 2022 13:06 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/9 "2022-08-10T13:06:05Z")

</div>

@xiaosong0612 You need to be logged-in into "flows" to see this example:  
[https://flows.nodered.org/flow/d1b9f2c606e536ce4a3960abcd887754](https://flows.nodered.org/flow/d1b9f2c606e536ce4a3960abcd887754)

@zenofmud Paul, weird thing: if you are not logged, the example is not shown.

---

<div class="post-metadata">

**Author:** ![zenofmud](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/zenofmud/32/316_2.png) [@zenofmud](https://discourse.nodered.org/u/zenofmud)\
**Post date:** [10 August 2022 13:12 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/10 "2022-08-10T13:12:45Z")

</div>

> [@fmarzocca](#):
>
> Paul, weird thing: if you are not logged, the example is not shown.

Ahh I'll bet it's because The images are stored on GitHub where I created it. Good to know!

---

<div class="post-metadata">

**Author:** ![Paul-Reed](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/paul-reed/32/66906_2.png) [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)\
**Post date:** [10 August 2022 15:11 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/11 "2022-08-10T15:11:30Z")

</div>

> [@zenofmud](#):
>
> find an example I added awhile ago

TBF, Maybe it's because that example is attributed to Juggledad, and OP was looking for an example by zenofmud ???  
(I know... it's your weekend name 😉)

---

<div class="post-metadata">

**Author:** ![system](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/1X/d073cd938eafa2e558d7c2cd59003b3ef4963033.png) [@system](https://discourse.nodered.org/u/system)\
**Post date:** [9 October 2022 15:11 UTC](https://discourse.nodered.org/t/using-chart-js-to-create-bubble-chart/66106/12 "2022-10-09T15:11:54Z")

</div>

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