# Issue Integrating Chart.js with Node-RED Dashboard 2.0 (Vue-based Template Node)

**URL:** <https://discourse.nodered.org/t/issue-integrating-chart-js-with-node-red-dashboard-2-0-vue-based-template-node/93174>\
**Category:** Dashboard\
**Tags:** node-red-dashboard, dashboard-2, ui-template\
**Created:** [15 November 2024 16:22 UTC](https://discourse.nodered.org/t/issue-integrating-chart-js-with-node-red-dashboard-2-0-vue-based-template-node/93174 "2024-11-15T16:22:46Z")\
**Posts on this page:** 1\
**Showing post:** 4

<div class="post-metadata">

**Author:** ![hotNipi](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/hotnipi/32/383_2.png) [@hotNipi](https://discourse.nodered.org/u/hotNipi)\
**Post date:** [15 November 2024 17:55 UTC](https://discourse.nodered.org/t/issue-integrating-chart-js-with-node-red-dashboard-2-0-vue-based-template-node/93174/4 "2024-11-15T17:55:34Z")

</div>

Here is an example with live data. But for sure not complete solution. Just as an example of how to...

> [@DB2 CSS - Change chart line thickness](https://discourse.nodered.org/t/db2-css-change-chart-line-thickness/92248/12):
>
> Fixed [{"id":"ea7c02fa77fe6efc","type":"ui-template","z":"a1ded7aeb5c2fa56","group":"1c6f457dfe15977b","page":"","ui":"","name":"Custom Line Chart","order":1,"width":"6","height":"5","head":"","format":"\<template\>\n \<div class=\"base-container\"\>\n \<div class=\"chart-container\" \>\<canvas ref=\"chart\" /\>\</div\>\n \</div\> \n\</template\>\n\n\<script src=\"https://cdn.jsdelivr.net/npm/chart.js\"\>\</script\>\n\n\<script\>\n export default {\n data() { \n retur…

---

_[View the full topic](https://discourse.nodered.org/t/issue-integrating-chart-js-with-node-red-dashboard-2-0-vue-based-template-node/93174)._