echarts多條折線圖動(dòng)態(tài)分層的實(shí)現(xiàn)方法
1、關(guān)于Echarts
大家可以到這個(gè)網(wǎng)址看一下,還是比較詳細(xì)的。
http://echarts.baidu.com/doc/example.html
這個(gè)功能還是很強(qiáng)大的,對(duì)于喜歡做數(shù)據(jù)統(tǒng)計(jì)來(lái)說(shuō)是美味的。
2、echarts多條折線圖動(dòng)態(tài)分層
var xData = param.xData; var data = param.yData let option = []; let num =param.num ? param.num : 0; let max = num ? num *100 : 100; //處理精度丟失問(wèn)題 但不是最佳方案 option = { title: { left: 'center', text: param.title }, tooltip: { trigger: 'axis', }, legend: { right:0, data:param.tName, }, grid: { left: '3%', right: '4%', bottom: '3%', containLabel: true }, xAxis: { boundaryGap: false, data:param.xData }, yAxis: { name: param.yName, splitLine: { show: false }, }, series: [] } option[6].series.push( { name: '平行于y軸的趨勢(shì)線', type: 'line', //data:[0], markLine: { silent: true, data: [{ yAxis: num }] } } ) if( param.option_type == 6){ for( var item in param.yData){ var obj ={ name: param.yData[item].name, type: 'line', color:param.yData[item].color, data: param.yData[item].data } option[6].series.push(obj) } }
效果圖
以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能
這篇文章主要為大家詳細(xì)介紹了微信小程序?qū)崿F(xiàn)倒計(jì)時(shí)功能,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-11-11webpack.DefinePlugin與cross-env區(qū)別詳解
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02JS中檢測(cè)數(shù)據(jù)類(lèi)型的幾種方式及優(yōu)缺點(diǎn)小結(jié)
這篇文章主要介紹了JS中檢測(cè)數(shù)據(jù)類(lèi)型的幾種方式及優(yōu)缺點(diǎn)小結(jié),非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12JavaScript嚴(yán)格模式禁用With語(yǔ)句的原因
看了很多遍JavaScript嚴(yán)格模式,其中有說(shuō)“禁用With語(yǔ)句”今天禁不住想知道為何“嚴(yán)格模式”就容不下with語(yǔ)句呢,如果你也表示疑惑可以看看哦2014-10-10JS創(chuàng)建優(yōu)美的頁(yè)面滑動(dòng)塊效果 - Glider.js
JS創(chuàng)建優(yōu)美的頁(yè)面滑動(dòng)塊效果 - Glider.js...2007-09-09