怎么将echarts柱状图转成excel

怎么将echarts柱状图转成excel,并支持在线预览,有没有相关的demo

FineReport 可爱多太少 发布于 2022-11-1 13:32 (编辑于 2022-11-1 13:35)
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共2回答
最佳回答
0
可爱多太少Lv2见习互助
发布于2022-11-16 09:28

通过js将echarts柱状图内的数据转成excel

   dataView: {

                        show: true,

                        readOnly: false,

                        title: '数据视图',

                        optionToContent: function (opt) {

                            var axisData = opt.xAxis[0].data;

                            var series = opt.series;

                            var tdHeads = '<td  style="padding:0 10px">日期</td>';

                            series.forEach(function (item) {

                                tdHeads += '<td style="padding: 0 10px">' + item.name + '</td>';

                            });

                            var table = '<table border="1" class="data-view" style="margin-left:20px;border-collapse:collapse;font-size:14px;text-align:center"><tbody><tr>' + tdHeads + '</tr>';

                            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 += '<td>' + series[j].data[i].value + '</td>';

                                    } else {

                                        tdBodys += '<td>' + series[j].data[i] + '</td>';

                                    }

                                }

                                table += '<tr><td style="padding: 0 10px">' + axisData[i] + '</td>' + tdBodys + '</tr>';

                                tdBodys = '';

                            }

                            table += '</tbody></table>';

                            return table;

                        }

                    }

最佳回答
0
CD20160914Lv8专家互助
发布于2022-11-1 13:34(编辑于 2022-11-1 13:37)

导出来都只是图片了。。。没有像web那样的动态交互功能的。内置的图表也一样的

ECharts图表集成插件- FineReport帮助文档 - 全面的报表使用教程和学习资料 (fanruan.com)  这里有插件。。。导出就只是图片了

image.png

  • 1关注人数
  • 558浏览人数
  • 最后回答于:2022-11-16 09:28
    请选择关闭问题的原因
    确定 取消
    返回顶部