Node-Red应用百度echarts

百度echarts提供了大量的dashboard示例,其应用配置灵活、说明详尽、图形丰富,并且完全开源。在Node-Red dashboard如果可以引用echarts,就可以自己简单地构建更“专业”的ui视图。废话不多说,直接上内容:
前提:

  1. 已经使用了Node-Red Dashboard

  2. 可访问外网。主要是为了访问官网echarts库,如果echarts库可下载到本地就可以不联网使用echarts了

image
直接导入附件echarts,然后根据自己的需要编辑“echarts示例”节点中option的内容,或是直接由echarts官网示例的代码替换option部分
echarts.json (86.9 KB)


果然很漂亮。
这个是范例库,喜欢ui的可以研究一下。
https://echarts.apache.org/examples/zh/index.html#chart-type-bar