效果图如下
以上为加载接口所得数据的玫瑰图与折线图
具体步骤如下
1,将插件导入Hbuiler 所需要的项目中(插件地址:秋云 ucharts echarts 高性能跨全端图表组件 - DCloud 插件市场)
2,导入成功是这样的
3,打开Ucharts官方地址(uCharts官网 - 秋云uCharts跨平台图表库) 各种图形应有尽有,如下
4,选择自己需要的图形,这里我用玫瑰图,折线图举例
选择喜欢的类型点击查看代码 ,支持很多app,小程序,我这里用的UNiapp 原生代码
5,复制代码到自己项目页面中,调整好css,我的代码如下
a,页面代码
b,js,css代码
所有过程就这些,非常容易上手。