# DB2: ui-template eCharts fails to load

**URL:** https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578
**Category:** Dashboard
**Tags:** dashboard-2, ui-template
**Created:** [16 March 2026 14:16 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578 "2026-03-16T14:16:29Z")
**Posts on this page:** 7
**Page:** 1

<div class="post-metadata">

### Author: ![rakgupta](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rakgupta/32/42535_2.png) [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [16 March 2026 14:16 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/1 "2026-03-16T14:16:29Z")

</div>

Hello:

None of my eCharts are rendering - this was working about 1 week ago (we were on vacation) and when I tried today, none of the charts work. Regular NR bar charts, pie charts are working but nothing that uses eCharts.

Console log shows the following error: Failed to load resource: the server responded with a status of 530 (Image below)

 ![Screenshot 2026-03-16 at 9.05.27 AM](https://us1.discourse-cdn.com/flex026/uploads/nodered/original/3X/b/e/beffe9647c5cccede2ea4bab9b307e3e6160e2d9.png)

However, when I go to "[https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js](https://fastly.jsdelivr.net/npm/echarts@5.4.3/dist/echarts.min.js)" it works.

Node-RED v: 4.1.4  
DB2 Version: 1.30.2  
Any suggestions?

Thanks for your help.

---

<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: [16 March 2026 16:00 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/2 "2026-03-16T16:00:34Z")

</div>

I Think 530 is a cloudflare specific status code.

And I also think jsdelivr use cloudflare.

You could try an alterative like unpkg `https://unpkg.com/echarts@5.4.3/dist/echarts.min.js`

---

<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: [16 March 2026 16:02 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/3 "2026-03-16T16:02:05Z")

</div>

Also alternatively, you could host the files yourself in a static share or a flow using `http in` -\> load `file` -\> `http response`

---

<div class="post-metadata">

### Author: ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [16 March 2026 16:05 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/4 "2026-03-16T16:05:22Z")

</div>

Or try [https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js](https://cdn.jsdelivr.net/npm/echarts/dist/echarts.min.js) which is what I use and is working.

---

<div class="post-metadata">

### Author: ![rakgupta](https://sea2.discourse-cdn.com/flex026/user_avatar/discourse.nodered.org/rakgupta/32/42535_2.png) [@rakgupta](https://discourse.nodered.org/u/rakgupta)
#### Post date: [16 March 2026 17:24 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/5 "2026-03-16T17:24:50Z")

</div>

> [@Steve-Mcl](#):
>
> You could try an alterative like unpkg `https://unpkg.com/echarts@5.4.3/dist/echarts.min.js`

Thanks - I changed the CDN and that seemed to fix it. I also realized that I was loading eCharts in every ui-template. I removed those and used the new CDN in a ui-template (Type = widget, Scope = "All Pages"). Hopefully, if there are any changes in the future, I only have to address them in one place 🤞🏼

> [@Steve-Mcl](#):
>
> Also alternatively, you could host the files yourself in a static share

Would the correct way be to put it in a sub-directory in the node-red directory on the RPi that is running Node-RED? I think I also have to make some changes then to the settings.js file - not sure what those are so need to research a bit (if that is the right approach)

---

<div class="post-metadata">

### Author: ![Buckskin](https://avatars.discourse-cdn.com/v4/letter/b/b9e5f3/32.png) [@Buckskin](https://discourse.nodered.org/u/Buckskin)
#### Post date: [16 March 2026 19:39 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/6 "2026-03-16T19:39:02Z")

</div>

> [@rakgupta](#):
>
> I removed those and used the new CDN in a ui-template (Type = widget, Scope = "All Pages")

What a great idea, I had not thought of doing that. Have now implemented.

---

<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: [30 March 2026 19:39 UTC](https://discourse.nodered.org/t/db2-ui-template-echarts-fails-to-load/100578/7 "2026-03-30T19:39:59Z")

</div>

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