# Node Red Bubble Chart js

**URL:** https://discourse.nodered.org/t/node-red-bubble-chart-js/65142
**Category:** Dashboard
**Tags:** node-red-dashboard, chart
**Created:** [15 July 2022 12:18 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142 "2022-07-15T12:18:52Z")
**Posts on this page:** 8
**Page:** 1

<div class="post-metadata">

### Author: ![FatimaSeemab](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fatimaseemab/32/63515_2.png) [@FatimaSeemab](https://discourse.nodered.org/u/FatimaSeemab)
#### Post date: [15 July 2022 12:18 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/1 "2022-07-15T12:18:52Z")

</div>

Hi everybody,  
I am new in node-red I do not know how to configure the bubble chart node as I have to plot DateTime on x-axes and an integer(temperature) on y axes. Can anyone share an example flow or guide?

---

<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: [15 July 2022 12:34 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/2 "2022-07-15T12:34:52Z")

</div>

Go to the [Flows](https://flows.nodered.org) tab at the top of the forum page. Enter a search term of 'bubble'.

---

<div class="post-metadata">

### Author: ![FatimaSeemab](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fatimaseemab/32/63515_2.png) [@FatimaSeemab](https://discourse.nodered.org/u/FatimaSeemab)
#### Post date: [17 July 2022 18:04 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/3 "2022-07-17T18:04:38Z")

</div>

I have used that flow but I do not know how to use that for DateTime on x-axes?

---

<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: [17 July 2022 18:17 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/4 "2022-07-17T18:17:42Z")

</div>

Well this is where you go ask google (or your favorite search engine) and doing some research. I can’t give you the answer because I’ve never tried it with dates, but maybe someone else out on the web has, and it’s waiting for you to find it.

---

<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: [17 July 2022 18:29 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/5 "2022-07-17T18:29:07Z")

</div>

Is this what you mean?

> **[React Scatter Chart with Datetime x-axis – ApexCharts.js](https://apexcharts.com/react-chart-demos/scatter-charts/datetime/)**
>
> Checkout the example of a scatter chart in React.js with datetime x-xaxis.

---

<div class="post-metadata">

### Author: ![FatimaSeemab](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/fatimaseemab/32/63515_2.png) [@FatimaSeemab](https://discourse.nodered.org/u/FatimaSeemab)
#### Post date: [17 July 2022 19:08 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/6 "2022-07-17T19:08:48Z")

</div>

Yes, I need this type of graph but I have dynamic data coming from database. Handling it with a react component is a bit tricky. Can anyone know about a simpler solution?. I am stuck there I have been searching for two days but could not find something.

---

<div class="post-metadata">

### Author: ![Steve-Mcl](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/steve-mcl/32/4826_2.png) [@Steve-Mcl](https://discourse.nodered.org/u/Steve-Mcl)
#### Post date: [17 July 2022 19:13 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/7 "2022-07-17T19:13:22Z")

</div>

Did you search the forum?

E.g... [Problem with X/Y graph with ui\_graph - #8 by Steve-Mcl](https://discourse.nodered.org/t/problem-with-x-y-graph-with-ui-graph/46713/8)

---

<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: [16 August 2022 19:13 UTC](https://discourse.nodered.org/t/node-red-bubble-chart-js/65142/8 "2022-08-16T19:13:46Z")

</div>

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