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

好评!感谢您的奉献

这个示例中提供了两个function和一个template。第一个function,是为了“复现”echarts官网示例准备的,把官网示例放进来就可以了。这是学习node-red & echarts比较好的一个示例。
网上有大量echarts示例,包括动态数据的展示。说白了,就是在页面调用刷新。

感谢友友,真的很棒