乙個頁面需要展示2個圖表,圖表資料是請求後台得到的
**如下,新增了tudata和titledata兩個屬性:
for=
"}">
="chart-view"
>
"mychart-dom-bar"
class
="mychart" canvas-id=
"mychart-bar" tudata=
"}" titledata=
"}"ec=
"}">
<
/ec-canvas>
<
/view>
<
/block>
**如下:
function
initchart
(canvas, width, height,data, title, dpr));
canvas.
setchart
(chart)
;var option =
,...
//這裡省略其他配置的內容
data:data
};chart.
setoption
(option)
;return chart;
}
**如何一共需要修改3個地方
properties:
, ec:
, tudata:
, titledata:
, forceuseoldcanvas:
}
var query = wx.
createselectorquery()
.in(this);
query.
select
('.ec-canvas').
boundingclientrect
(res =>
elseif(
this
.data.ec &&
typeof
this
.data.ec.oninit ===
'function'
)else);
}}).
exec()
;
if
(typeof callback ===
'function'
)elseif(
this
.data.ec &&
typeof
this
.data.ec.oninit ===
'function'
)else
)}
基於網際網路思維,先實現需求,後期慢慢優化,**的效能我還沒測試,歡迎同志們幫忙指正
本人先去寫點bug 不然週報沒法搞定
微信小程式 使用echarts
一 頁面 二 js 1 引用echarts 外掛程式 import as echarts from ec canvas echarts.js 2 data 3 onload function options 4 寫方法 圖表初始化 initchart function history chart.s...
小程式 taro中使用echarts
npm i echarts techarts dimport echart from techarts 引入techarts import as echarts from echarts 引入echarts option option echarts呈現圖表的資料 可去echarts官網 找自己想要...
微信小程式使用echarts隨筆
1 在設定y軸數值的時候,可以在 yaxis 中通過配置 splitnumber 來控制 y 軸被分割成為幾段,舉個例子,設定 splitnumber 為 5,然後y軸就會根據後台返回的資料,將y軸分為5份,最高值為返回資料中的最高值,例如返回資料為 10,30,21,50,60 此時,y軸最大顯示...