echarts多條折線圖動態(tài)分層的實現(xiàn)方法
1、關(guān)于Echarts
大家可以到這個網(wǎng)址看一下,還是比較詳細(xì)的。
http://echarts.baidu.com/doc/example.html
這個功能還是很強大的,對于喜歡做數(shù)據(jù)統(tǒng)計來說是美味的。
2、echarts多條折線圖動態(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; //處理精度丟失問題 但不是最佳方案
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軸的趨勢線',
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)
}
}
效果圖

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
webpack.DefinePlugin與cross-env區(qū)別詳解
這篇文章主要介紹了webpack.DefinePlugin與cross-env區(qū)別詳解,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-02-02
JS中檢測數(shù)據(jù)類型的幾種方式及優(yōu)缺點小結(jié)
這篇文章主要介紹了JS中檢測數(shù)據(jù)類型的幾種方式及優(yōu)缺點小結(jié),非常不錯,具有參考借鑒價值,需要的朋友可以參考下2016-12-12
JavaScript嚴(yán)格模式禁用With語句的原因
看了很多遍JavaScript嚴(yán)格模式,其中有說“禁用With語句”今天禁不住想知道為何“嚴(yán)格模式”就容不下with語句呢,如果你也表示疑惑可以看看哦2014-10-10
JS創(chuàng)建優(yōu)美的頁面滑動塊效果 - Glider.js
JS創(chuàng)建優(yōu)美的頁面滑動塊效果 - Glider.js...2007-09-09

