# Setting bar colours in dashboard 2.0 charts

**URL:** https://discourse.nodered.org/t/setting-bar-colours-in-dashboard-2-0-charts/87271
**Category:** Dashboard
**Tags:** dashboard-2, uibuilder
**Created:** [16 April 2024 14:13 UTC](https://discourse.nodered.org/t/setting-bar-colours-in-dashboard-2-0-charts/87271 "2024-04-16T14:13:43Z")
**Posts on this page:** 3
**Page:** 1

<div class="post-metadata">

### Author: ![pandoras\_node](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/pandoras_node/32/91739_2.png) [@pandoras\_node](https://discourse.nodered.org/u/pandoras_node)
#### Post date: [16 April 2024 14:13 UTC](https://discourse.nodered.org/t/setting-bar-colours-in-dashboard-2-0-charts/87271/1 "2024-04-16T14:13:43Z")

</div>

Hello  
Title explains. Are there any way i can have my bar colours be colour red when value is \> 300 ? JSON contains simple dashboard with chart and JSON data in inject node.

This is what i want to achive (here using **UIbuilder with ApexCharts** ) :

 ![Skjermbilde 2024-04-16 160900](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/1/e/1e56b1f373dd6bd8a6a14fd3873e9ee1c48f8215.jpeg)

```auto
[{"id":"fce77c1a380e8201","type":"inject","z":"a790de29c9431247","name":"Bar chart data as JSON","props":[{"p":"payload"}],"repeat":"","crontab":"","once":false,"onceDelay":0.1,"topic":"","payload":"[{\"time\":\"04/16\",\"price\":386.12},{\"time\":\"01:00\",\"price\":206.71},{\"time\":\"02:00\",\"price\":77.27},{\"time\":\"03:00\",\"price\":63.79},{\"time\":\"04:00\",\"price\":207.99},{\"time\":\"05:00\",\"price\":420.86},{\"time\":\"06:00\",\"price\":569.36},{\"time\":\"07:00\",\"price\":619.21},{\"time\":\"08:00\",\"price\":685.79},{\"time\":\"09:00\",\"price\":654.88},{\"time\":\"10:00\",\"price\":604.8},{\"time\":\"11:00\",\"price\":536.24},{\"time\":\"12:00\",\"price\":499.18},{\"time\":\"13:00\",\"price\":492.32},{\"time\":\"14:00\",\"price\":502.08},{\"time\":\"15:00\",\"price\":563.9},{\"time\":\"16:00\",\"price\":600.38},{\"time\":\"17:00\",\"price\":639.08},{\"time\":\"18:00\",\"price\":671.96},{\"time\":\"19:00\",\"price\":663.48},{\"time\":\"20:00\",\"price\":659.76},{\"time\":\"21:00\",\"price\":659.06},{\"time\":\"22:00\",\"price\":630.25},{\"time\":\"23:00\",\"price\":608.28}]","payloadType":"json","x":260,"y":1360,"wires":[["c6624545f4820893"]]},{"id":"c6624545f4820893","type":"ui-chart","z":"a790de29c9431247","group":"e23512b61ee4b0a2","name":"Bar chart","label":"Green > 300. Red < 300","order":9007199254740991,"chartType":"bar","category":"time","categoryType":"property","xAxisProperty":"time","xAxisPropertyType":"msg","xAxisType":"category","yAxisProperty":"price","ymin":"","ymax":"","action":"replace","pointShape":"circle","pointRadius":"","showLegend":true,"removeOlder":1,"removeOlderUnit":"3600","removeOlderPoints":"","colors":["#20ac38","#20ac38","#20ac38","#20ac38","#20ac38","#20ac38","#20ac38","#20ac38","#20ac38"],"width":6,"height":8,"className":"","x":460,"y":1360,"wires":[[]]},{"id":"e23512b61ee4b0a2","type":"ui-group","name":"Node red forum chart","page":"22b5519aa675ad88","width":"6","height":"1","order":-1,"showTitle":true,"className":"","visible":"true","disabled":"false"},{"id":"22b5519aa675ad88","type":"ui-page","name":"Bar chart page","ui":"63a3a519fc98ff02","path":"/discourse","icon":"","layout":"grid","theme":"129e99574def90a3","order":-1,"className":"","visible":"true","disabled":"false"},{"id":"63a3a519fc98ff02","type":"ui-base","name":"UI Name","path":"/dashboard"},{"id":"129e99574def90a3","type":"ui-theme","name":"Another Theme","colors":{"surface":"#ffffff","primary":"#0094ce","bgPage":"#eeeeee","groupBg":"#ffffff","groupOutline":"#cccccc"}}]

```

This is what i have (all is in JSON. Using here Flowfuse Dashboard 2.0) :

 ![Skjermbilde 2024-04-16 161445](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/7/8/788f97b8c8c02b6bde21fd5b6cc322830454a2a5.jpeg)

BR

---

<div class="post-metadata">

### Author: ![joepavitt](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/joepavitt/32/59722_2.png) [@joepavitt](https://discourse.nodered.org/u/joepavitt)
#### Post date: [18 April 2024 10:29 UTC](https://discourse.nodered.org/t/setting-bar-colours-in-dashboard-2-0-charts/87271/2 "2024-04-18T10:29:14Z")

</div>

This isn't currently possible, but please do raise a feature request here: [Issues · FlowFuse/node-red-dashboard · GitHub](https://github.com/FlowFuse/node-red-dashboard/issues)

---

<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: [17 July 2024 10:30 UTC](https://discourse.nodered.org/t/setting-bar-colours-in-dashboard-2-0-charts/87271/3 "2024-07-17T10:30:04Z")

</div>

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