# Load Chart.js in UI template locally

**URL:** <https://discourse.nodered.org/t/load-chart-js-in-ui-template-locally/21452>\
**Category:** Dashboard\
**Created:** [9 February 2020 11:50 UTC](https://discourse.nodered.org/t/load-chart-js-in-ui-template-locally/21452 "2020-02-09T11:50:12Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Post date:** [9 February 2020 11:50 UTC](https://discourse.nodered.org/t/load-chart-js-in-ui-template-locally/21452/1 "2020-02-09T11:50:12Z")

</div>

Hello, how can I load the Chart.js in my UI template? I don't want to use the built-in dashboard chart due to its limitation of control so I would like to create it using the UI template. But I don't know if UI template can load chart.js locally (means no need internet).  
Thank you in Advance. Hopefully, this is possible!

---

<div class="post-metadata">

**Author:** ![Andrei](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/andrei/32/10446_2.png) [@Andrei](https://discourse.nodered.org/u/Andrei)\
**Post date:** [9 February 2020 20:23 UTC](https://discourse.nodered.org/t/load-chart-js-in-ui-template-locally/21452/2 "2020-02-09T20:23:51Z")

</div>

Hi, answered in below post:

> [@Import JavaScript library into node-red](https://discourse.nodered.org/t/import-javascript-library-into-node-red/7665/2):
>
> Hi @abra If you want to use third party libraries as part of your node-red dashboard then you need to: copy those libraries to a directory of your choosing set httpStatic in your node-red settings file to point at that directory. The node-red runtime will then serve the files from the directory. You can then add the appropriate \<script\> and \<style\> tags to a ui\_template node in order to load that content into your dashboard. For example, create a directory called /home/user/node-red-stat…

---

<div class="post-metadata">

**Author:** ![Henjoe](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/henjoe/32/52335_2.png) [@Henjoe](https://discourse.nodered.org/u/Henjoe)\
**Post date:** [10 February 2020 02:38 UTC](https://discourse.nodered.org/t/load-chart-js-in-ui-template-locally/21452/3 "2020-02-10T02:38:48Z")

</div>

Thanks Andrei! Now clear to me! 🙂

---

<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:** [11 March 2020 02:38 UTC](https://discourse.nodered.org/t/load-chart-js-in-ui-template-locally/21452/4 "2020-03-11T02:38:52Z")

</div>

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