zoukankan      html  css  js  c++  java
  • echarts 自定义数据视图

    toolbox配置项中自定义

     dataView : 
                    {
                    show: true,                
                    readOnly: false,
      optionToContent : function(opt) {
           log(opt);
                             var axisData = opt.xAxis[0].data;
                             var series = opt.series;
                             var tdHeaders = '<td>'+axis[1]+'</td>'; //表头
                             series.forEach(function(item) {
                                 tdHeaders += '<td>' + item.name + '</td>'; //组装表头
                             });
                                var table = '<div class="table-responsive"><table class="table table-bordered table-striped table-hover" style="text-align:center"><tbody><tr>' + tdHeaders + '</tr>';
                                var tdBodys = ''; //数据
                                 for (var i = 0, l = axisData.length; i < l; i++) {
                                     for (var j = 0; j < series.length; j++) {
                                        tdBodys += '<td>' + series[j].data[i] + '</td>'; //组装表数据
                                    }
                                    table += '<tr><td style="padding: 0 10px">' + axisData[i] + '</td>' + tdBodys + '</tr>';
                                    tdBodys = '';
                                }
                                 table += '</tbody></table></div>';
                                 return table;
                            }
                    },

  • 相关阅读:
    iOS实现微信外部H5支付完成后返回原APP(多APP也可实现)
    微信开发,仿原生实现 “再按一次返回”功能
    centos 环境变量配置
    centos 6.* 配置端口
    linux 中 svn 服务器搭建 重启
    删除apache注册表
    Linux 编译安装 php 扩展包 curl
    手机APP中使用history.back()返回没有效果的解决
    Centos 6.5升级安装Git
    linux 已有目录挂载磁盘
  • 原文地址:https://www.cnblogs.com/timeboy/p/9464401.html
Copyright © 2011-2022 走看看