1.实现效果

图1
2.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节点设置高度!!!!否则不显示