滑鼠懸浮同時觸發多個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...