小程式使用echarts記錄 二

2021-10-24 20:24:04 字數 1472 閱讀 9533

乙個頁面需要展示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軸最大顯示...