# Google gauge color in template node

**URL:** https://discourse.nodered.org/t/google-gauge-color-in-template-node/24878
**Category:** Dashboard
**Created:** [15 April 2020 13:38 UTC](https://discourse.nodered.org/t/google-gauge-color-in-template-node/24878 "2020-04-15T13:38:32Z")
**Posts on this page:** 4
**Page:** 1

<div class="post-metadata">

### Author: ![josekavunkal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/josekavunkal/32/18505_2.png) [@josekavunkal](https://discourse.nodered.org/u/josekavunkal)
#### Post date: [15 April 2020 13:38 UTC](https://discourse.nodered.org/t/google-gauge-color-in-template-node/24878/1 "2020-04-15T13:38:32Z")

</div>

I pasted following google HTML in template.

 google.charts.load('current', {'packages':['gauge']}); google.charts.setOnLoadCallback(drawChart);

```
  function drawChart() {

    var data = google.visualization.arrayToDataTable([
      ['Label', 'Value'],
      ['Memory', 80],
      ['CPU', 55],
      ['Network', 68]
    ]);

    var options = {
      width: 400, height: 120,
      redFrom: 90, redTo: 100,
      yellowFrom:75, yellowTo: 90,
      minorTicks: 5
    };

    var chart = new google.visualization.Gauge(document.getElementById('chart_div'));

    chart.draw(data, options);

    setInterval(function() {
      data.setValue(0, 1, 40 + Math.round(60 * Math.random()));
      chart.draw(data, options);
    }, 13000);
    setInterval(function() {
      data.setValue(1, 1, 40 + Math.round(60 * Math.random()));
      chart.draw(data, options);
    }, 5000);
    setInterval(function() {
      data.setValue(2, 1, 60 + Math.round(20 * Math.random()));
      chart.draw(data, options);
    }, 26000);
  }
</script>

```

I can see the gauge /ui but it is not respecting the.colors of the gauge set in the google code .  
I can see that it takes Node-red theme color.

How can I make Node-red respect the color I set in HTML.

---

<div class="post-metadata">

### Author: ![dceejay](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/dceejay/32/38_2.png) [@dceejay](https://discourse.nodered.org/u/dceejay)
#### Post date: [15 April 2020 13:51 UTC](https://discourse.nodered.org/t/google-gauge-color-in-template-node/24878/2 "2020-04-15T13:51:46Z")

</div>

In the site tab

 ![image](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/9/e/9e03890b8a6cf98a6a6eb6d9fa5aabb3abb10c60.png)

---

<div class="post-metadata">

### Author: ![josekavunkal](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/josekavunkal/32/18505_2.png) [@josekavunkal](https://discourse.nodered.org/u/josekavunkal)
#### Post date: [15 April 2020 13:55 UTC](https://discourse.nodered.org/t/google-gauge-color-in-template-node/24878/3 "2020-04-15T13:55:36Z")

</div>

Excellent .It worked .Thank you so much for the quick reply.

---

<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: [15 May 2020 13:55 UTC](https://discourse.nodered.org/t/google-gauge-color-in-template-node/24878/4 "2020-05-15T13:55:44Z")

</div>

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