成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

echarts優(yōu)化數(shù)據(jù)視圖dataView中的樣式

wemallshop / 844人閱讀

摘要：在使用過(guò)程中，里有個(gè)視圖模式，里面的數(shù)據(jù)沒(méi)有對(duì)整，影響展示效果，情形如下改問(wèn)題解決方案為，在回調(diào)函數(shù)中處理，具體代碼如下數(shù)據(jù)視圖名稱修改后的效果為問(wèn)題完美解決，希望對(duì)你有幫助

在使用echart過(guò)程中，toolbox里有個(gè)dataView視圖模式，里面的數(shù)據(jù)沒(méi)有對(duì)整，影響展示效果，情形如下：


改問(wèn)題解決方案為，在optionTocontent回調(diào)函數(shù)中處理，具體代碼如下：

toolbox:{
        show: true,
        feature: {
            dataView: {
                show: true,
                title: "數(shù)據(jù)視圖",
                optionToContent: function (opt) {
                    var axisData = opt.xAxis[0].data;
                    var series = opt.series;
                    var tdHeads = "名稱";
                    series.forEach(function (item) {
                        tdHeads += ""+item.name+"";
                    });
                    var table = ""+tdHeads+"";
                    var tdBodys = "";
                    for (var i = 0, l = axisData.length; i < l; i++) {
                        for (var j = 0; j < series.length; j++) {
                            if(typeof(series[j].data[i]) == "object"){
                                tdBodys += "";
                            }else{
                                tdBodys += "";
                            }
                        }
                        table += ""+ tdBodys +"";
                        tdBodys = "";
                    }
                    table += "
"+series[j].data[i].value+""+ series[j].data[i]+"
"+axisData[i]+"
";
                    return table;
                }
            },
            mark: {show:true},
            restore:{show:true},
            magicType: {type: ["line", "bar","pie"]},
            saveAsImage:{show:true}
        }
    }

修改后的效果為：

問(wèn)題完美解決，希望對(duì)你有幫助！

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/114043.html

相關(guān)文章

  • echarts優(yōu)化數(shù)據(jù)視圖dataView中的樣式

    摘要：在使用過(guò)程中，里有個(gè)視圖模式，里面的數(shù)據(jù)沒(méi)有對(duì)整，影響展示效果，情形如下改問(wèn)題解決方案為，在回調(diào)函數(shù)中處理，具體代碼如下數(shù)據(jù)視圖名稱修改后的效果為問(wèn)題完美解決，希望對(duì)你有幫助 在使用echart過(guò)程中，toolbox里有個(gè)dataView視圖模式，里面的數(shù)據(jù)沒(méi)有對(duì)整，影響展示效果，情形如下：showImg(https://segmentfault.com/img/bVbipp7?w=1...

    nihao 評(píng)論0 收藏0

  • echarts優(yōu)化數(shù)據(jù)視圖dataView中的樣式

    摘要：在使用過(guò)程中，里有個(gè)視圖模式，里面的數(shù)據(jù)沒(méi)有對(duì)整，影響展示效果，情形如下改問(wèn)題解決方案為，在回調(diào)函數(shù)中處理，具體代碼如下數(shù)據(jù)視圖名稱修改后的效果為問(wèn)題完美解決，希望對(duì)你有幫助 在使用echart過(guò)程中，toolbox里有個(gè)dataView視圖模式，里面的數(shù)據(jù)沒(méi)有對(duì)整，影響展示效果，情形如下：showImg(https://segmentfault.com/img/bVbipp7?w=1...

    MingjunYang 評(píng)論0 收藏0

  • echarts如何修改數(shù)據(jù)視圖dataView中的樣式

    摘要：在表格中遇到的一點(diǎn)小問(wèn)題，解決方案如下場(chǎng)景重現(xiàn)這是一個(gè)顯示兩個(gè)折線圖的圖表，一切看起來(lái)都很順利。但是點(diǎn)擊紅色箭頭所指的圖標(biāo)，這個(gè)作用就是以表格的形式展現(xiàn)?？偨Y(jié)和數(shù)據(jù)視圖有關(guān)的都可以這樣改，不一定是我的那個(gè)場(chǎng)景。 做了一個(gè)現(xiàn)實(shí)折線圖的圖表，通過(guò)右上角icon可以自由切換成柱狀圖，表格。在表格中遇到的一點(diǎn)小問(wèn)題，解決方案如下： 1、場(chǎng)景重現(xiàn) showImg(https://segmentf...

    wanglu1209 評(píng)論0 收藏0

  • antv g2的理解總結(jié)

    摘要：也同樣支持配置項(xiàng)聲明構(gòu)成一個(gè)可視化框架需要四部分?jǐn)?shù)據(jù)處理模塊，對(duì)數(shù)據(jù)進(jìn)行加工的模塊，包括一些數(shù)據(jù)處理方法。因此上的同基本相同?？偨Y(jié)起來(lái)，分面其實(shí)提供了兩個(gè)功能按照指定的維度劃分?jǐn)?shù)據(jù)集對(duì)圖表進(jìn)行排版。 G2 G2本身是一門圖形語(yǔ)法，G2和傳統(tǒng)的圖表系統(tǒng)（HighCharts，ACharts等）不同，G2是一個(gè)基于統(tǒng)計(jì)分析的語(yǔ)義化數(shù)據(jù)可視化系統(tǒng)。它真正做到了讓數(shù)據(jù)驅(qū)動(dòng)圖形，讓你在使用它時(shí)候...

    baihe 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<