建立echart多個聯動demo

2021-09-13 02:11:43 字數 2036 閱讀 2002

滑鼠懸浮同時觸發多個echart

選擇時間間隔

one second

one second

one minute

one hour

one day

one week

one month

one year

選擇資料個數

5 510

1520

2530

35

確定

body 

.contain

.sel

.sel>div

.top span

.top .show

.block

.block>div

.block>div:hover

.block>div.active

.zybtn

i.glyphicon

function drawchart(timearr, dataarr) ,

tooltip: ,

linestyle:

},legend: ,

grid:,

xaxis: [

}],yaxis: ,

series:

};var option2 = ,

tooltip: ,

linestyle:

},legend: ,

grid:,

xaxis: [

}],yaxis: ,

series:

};// 為echarts物件載入資料

mychart1.setoption(option1);

mychart2.setoption(option2); //聯動配置

// 分別設定每個例項的 group id

mychart1.group = 'group1';

mychart2.group = 'group1';

echarts.connect('group1');

// 或者可以直接傳入需要聯動的例項數

// echarts.connect([mychart1,mychart2]);

}// 獲取x軸時間字串

function gettimestr(tseconds)

if (date < 10)

if (hour < 10)

if (minute < 10)

if (second < 10)

str += year + "-" + month + "-" + date + " " + hour + ":" + minute + ":" + second;

return str;

}getsel()

// 獲取兩個數值

function getsel() );

block.slidedown();

} else if ($(this).hasclass("glyphicon-chevron-down"))

block.children("div").on("click", function () );

});var val1 = 1000;

var val2 = 5;

$(".zybtn").on("click", function ()

switch ($(".sel2 .show span").html())

changedata(val1, val2)

})changedata(val1, val2)

}function changedata(sel1, sel2)

drawchart(timearr, dataarr)

}

多個CALayer的聯動

在如何通過手勢捕獲calayer基礎上做了個示例,兩個calayer的聯動,當拖動左側的layer的時候,右側的layer隨動。因為右側的動畫沒有關閉,有延遲,產生隨動的效果。如果不想延遲,可參考拖動動畫的問題及解決。在檢視的標頭檔案 import import define radias 180 ...

vue監聽div大小改變多個echart大小

npm install element resize detector然後在vue檔案中引入它,位置在哪就不用我說了吧 import elementresizedetectormaker from element resize detector 接下來,我們將echart元件的外面套一層div,以方...

建立多個物件

class cat 屬性 方法 def eat self print 貓在吃魚.def drink self print 貓在喝可樂.def introduce self print 名字是 s,年齡是 d 湯姆的名字,湯姆的年齡 print 名字是 s,年齡是 d tom.name,tom.age...