Echarts toolbox dataView


 toolbox: {
   feature: {
          dataView: {
            show: true,
            title: '数据视图',
            //readOnly: true, //设置只读,会隐藏刷新按钮。
            lang: ['数据视图', '关闭', '导出Excel'],
            contentToOption: function (opts) {
              debugger
              $("#tableExcel_Day").table2excel({
                exclude: ".noExl", //过滤位置的 css 类名
                filename: '每日价格走势图' + ".xls", //文件名称
                name: "Excel Document Name.xls",
                exclude_img: true,
                exclude_links: true,
                exclude_inputs: true
              });

            },
            optionToContent: function (opt) {
              debugger
              // console.log(opt);
              var axisData = opt.xAxis[0].data; //坐标数据
              var series = opt.series; //折线图数据
              var tdHeads = '<td  style="padding: 0 10px">时间</td>'; //表头第一列
              var tdBodys = ''; //表数据
              //组装表头
              var nameData = new Array('田头价格', '批发价格', '零售价格', '交易量');
              for (var i = 0; i < nameData.length; i++) {
                tdHeads += '<td style="padding: 0 10px">' + nameData[i] + '</td>';
              }
              var table = '<table id="tableExcel_Day" border="1" class="table-bordered table-striped" style="width:100%;text-align:center" ><tbody><tr>' + tdHeads + ' </tr>';
              //组装表数据
              for (var i = 0, l = axisData.length; i < l; i++) {
                for (var j = 0; j < series.length ; j++) {
                  var temp = series[j].data[i];
                  if (temp != null && temp != undefined) {
                    tdBodys += '<td>' + temp + '</td>';
                  } else {
                    tdBodys += '<td></td>';
                  }
                }
                table += '<tr><td style="padding: 0 10px">' + axisData[i] + '</td>' + tdBodys + '</tr>';
                tdBodys = '';
              }
              table += '</tbody></table>';
              // console.log(table);
              return table;
            }
          }

}
}

文章作者: Rabbit
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Rabbit !
 上一篇
echarts 导出 excel echarts 导出 excel
exportXlsx: function () { var data = [{ "时间": "00:00", "计划曲线": "100", "实际出力": "101.812" }, {
2019-08-27
下一篇 
extjs 入门 extjs 入门
别名view 的别名用widget.XX;controller的别名用controller.XX ;viewmodel的别名用viewmodel.XX ; 其中widget别名主要用于xtype:XX ;controller和viewmde
2019-07-25
  目录