# Amcharts in dashboard2

**URL:** <https://discourse.nodered.org/t/amcharts-in-dashboard2/91290>\
**Category:** Dashboard\
**Tags:** dashboard-2\
**Created:** [27 September 2024 02:52 UTC](https://discourse.nodered.org/t/amcharts-in-dashboard2/91290 "2024-09-27T02:52:50Z")\
**Posts on this page:** 1\
**Showing post:** 4

<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:** [27 September 2024 07:59 UTC](https://discourse.nodered.org/t/amcharts-in-dashboard2/91290/4 "2024-09-27T07:59:34Z")

</div>

firstly, dashboard template should NOT have `head` or `body`. The dashboard framework provides all of that for you.

Next, look at the below example and re-work it for amcharts (it will be near identical in structure)

> [@How to configure Echarts in Dashboard 2?](https://discourse.nodered.org/t/how-to-configure-echarts-in-dashboard-2/87259/4):
>
> Here is a very basic working demo to get you moving. [chrome\_3bl8y1grck] hook these 2 injects up to the input of your template [{"id":"2d2e714030317eee","type":"inject","z":"85fb8b6df2be7ac8","name":"","props":[{"p":"payload"},{"p":"payload.title","v":"Average per hour","vt":"str"},{"p":"payload.labels","v":"[\"07:00\",\"08:00\",\"09:00\",\"10:00\",\"11:00\",\"12:00\",\"13:00\",\"14:00\",\"15:00\",\"16:00\",\"17:00\",\"18:00\"]","vt":"json"},{"p":"payload.data","v":"[8600, 8750, 7800, 8700, 9…

---

_[View the full topic](https://discourse.nodered.org/t/amcharts-in-dashboard2/91290)._