Echarts怎么實(shí)現(xiàn)多條折線可拖拽效果

這篇文章主要介紹Echarts怎么實(shí)現(xiàn)多條折線可拖拽效果，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

專注于為中小企業(yè)提供網(wǎng)站建設(shè)、成都網(wǎng)站制作服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)防城免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動(dòng)了近1000家企業(yè)的穩(wěn)健成長(zhǎng)，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

本文實(shí)例為大家分享了Echarts多條折線可拖拽的具體代碼，供大家參考，具體內(nèi)容如下

1、步驟：

    1)、封裝Echarts折線圖方法manyLineChart(),提取出公共的部分；
   2)、AJax獲取后臺(tái)數(shù)據(jù)傳參至Echarts公共方法；
   3)、模擬后臺(tái)獲取的json數(shù)據(jù)；
   4)、給dayComment()方法值，開始執(zhí)行。

2、效果：

Echarts怎么實(shí)現(xiàn)多條折線可拖拽效果

3、代碼：




  
  ECharts多條折線可拖拽

/** * @todo 加載echarts方法 * @url:異步請(qǐng)求路徑 * @chartId:請(qǐng)求的echart的id * @xname:X軸名稱 * @title:標(biāo)題 */ function dayComment(url,chartId,xname, title) { /*$.ajax({//Ajax請(qǐng)求你要展現(xiàn)的數(shù)據(jù) url :url, type : 'post', cache : false, dataType : 'json', async:false, //改為同步 data : { }, //查看方式 success : function(data) { manyLineChart(chartId, title, xname ,data.legendData, data.xAxisData, data.yAxisData, data.fromTime, data.toTime); }, error : function() { alert('服務(wù)器異常！') } });*/ var data = getStaticJsonData(); manyLineChart(chartId, title, xname ,data.legendData, data.xAxisData, data.yAxisData, data.fromTime, data.toTime); } /** * @todo 多條線折線圖可拖拽 * @param chartId 插件的div的ID * @param textname 標(biāo)題 * @param xAxisName X軸的名字 * @param legendData 圖示的數(shù)據(jù) * @param xAxisData X軸的數(shù)據(jù) * @param yAxisData Y軸的數(shù)據(jù)[數(shù)組] * @param fromTime 默認(rèn)開始節(jié)點(diǎn) * @param toTime 默認(rèn)結(jié)束節(jié)點(diǎn) * */ function manyLineChart( chartId, textname, xAxisName, legendData, xAxisData, yAxisData, fromTime, toTime ){ var lineCount = legendData.length; //折線的條數(shù) var seriesArray = []; //循環(huán)得到Y(jié)軸的數(shù)據(jù) for(var x=0; x

以上是“Echarts怎么實(shí)現(xiàn)多條折線可拖拽效果”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

文章名稱：Echarts怎么實(shí)現(xiàn)多條折線可拖拽效果
網(wǎng)站網(wǎng)址：http://weahome.cn/article/ihiijp.html

真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

Echarts怎么實(shí)現(xiàn)多條折線可拖拽效果

其他資訊

網(wǎng)站制作

企業(yè)服務(wù)

網(wǎng)站建設(shè)

服務(wù)器托管