• Echarts 自定义数据视图


    toolbox : {
    show : true,
    feature : {
    dataView : {
    optionToContent : function(option) {
    // 行名称
    var axisData = option.xAxis[0].data;
    // 列名称
    var header = option.legend[0].data;
    var seriesarr = option.series;
    var eldiv = '<div id="viewdata" style="100%;display:block;margin-left:85px;overflow:auto;">';
    var firsttd = '<td></td>';
    var table = '<table style="100%;text-align:left;overflow:scroll;"><tbody>'
    + '<tr>'
    if (header != undefined) {
    for (var i = 0; i < header.length; i++) {
    firsttd += '<td>' + header[i] + '</td>'
    }
    } else {
    table = '<table style="50%;text-align:left;overflow:scroll;"><tbody>';
    for (var i = 0; i < 1; i++) {
    firsttd += '<td>' + "分数" + '</td>'
    }
    }
    // 表格列头拼装完毕
    table += firsttd + '</tr>';
    // 表格行头拼装完毕
    for (var i = 0, l = axisData.length; i < l; i++) {
    table += '<tr>' + '<td>' + axisData[i] + '</td>'
    for (var j = 0; j < seriesarr.length; j++) {
    table += '<td>' + seriesarr[j].data[i]
    + '</td>'

    }
    }
    table += "</tr>";
    table += '</tbody></table>';
    return eldiv + table + "</div>";
    }
    },
    magicType : {
    show : true,
    type : [ 'line', 'bar' ]
    },
    restore : {
    show : true
    },
    saveAsImage : {
    show : true
    }
    }
    },

  • 相关阅读:
    git
    centos7安装python3和ipython
    centos7 安装mysql5.7
    ceph-文件存储
    ceph-对象存储
    ceph-块存储客户端
    ceph-简介及安装(luminous)版
    centos7 kvm安装使用
    webpack多页面应用打包问题-新增页面打包JS影响旧有JS资源
    webpack4.0 babel配置遇到的问题
  • 原文地址:https://www.cnblogs.com/coderdxj/p/7300357.html
Copyright © 2020-2023  润新知