echarts官方提供的小程序版本

1.实现效果


图1

2.echarts官网

echarts

图2

3.步骤

(1):引用组件

{

  "navigationBarTitleText": "echarts官方提供的小程序版本",

  "usingComponents": {

    "ec-canvas": "../../components/ec-canvas/ec-canvas"

  }

}

(2):几个重点

legend:设置显示的标签

tooltip:是否显示弹框

formatter中的a,b,c,d等参数的意义:

其中变量a、b、c在不同图表类型下代表数据含义为:

折线(区域)图、柱状(条形)图: a(系列名称),b(类目值),c(数值), d(无)

散点图(气泡)图 : a(系列名称),b(数据名称),c(数值数组), d(无)

饼图、雷达图 : a(系列名称),b(数据项名称),c(数值), d(百分比)

弦图 : a(系列名称),b(项1名称),c(项1-项2值),d(项2名称), e(项2-项1值)

力导向图 :节点 : a(类目名称),b(节点名称),c(节点值)

边 : a(系列名称),b(源名称-目标名称),c(边权重), d(如果为true的话则数据来源是边)

{Function},传递参数列表如下:

params : 数组内容同模板变量,[[a, b, c, d], [a1, b1, c1, d1], …]

ticket : 异步回调标识

callback : 异步回调,回调时需要两个参数,第一个为前面提到的ticket,第二个为填充内容html

(3)必须为ec-canvas的上一个view节点设置高度!!!!否则不显示

4.完整代码(更多代码请移步码云)

https://gitee.com/susuhhhhhh/wxmini_demo

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容