首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >是否导出google图表?

是否导出google图表?
EN

Stack Overflow用户
提问于 2012-07-30 15:51:48
回答 1查看 8.5K关注 0票数 4

我写了这段代码来创建图表,表格和工具栏。

代码语言:javascript
复制
google.load("visualization", "1", { packages: ["corechart"] });
google.load('visualization', '1', { packages: ['table'] });
//google.setOnLoadCallback(drawChart);

function drawChart() {
    $.ajax({
        type: "GET",
        url: '@Url.Action("GunlukOkumalar", "Enerji")',
        data: "startDate=" + $('#start_date').val() + "&endDate=" + $('#end_date').val() + "&sayac_id=" + $("#sayaclar").val(), //belirli aralıklardaki veriyi cekmek için 

        success: function (result) {
            if (result.success) {
                var evalledData = eval("(" + result.chartData + ")");
                var opts = { curveType: "function", width: '100%', height: 500, pointSize: 5 };
                new google.visualization.LineChart($("#chart_div").get(0)).draw(new google.visualization.DataTable(evalledData, 0.5), opts);
                $('#chart_div').show();

                var visualization;
                var data;
                var options = { 'showRowNumber': true };
                data = new google.visualization.DataTable(evalledData, 0.5);
                // Set paging configuration options
                // Note: these options are changed by the UI controls in the example.
                options['page'] = 'enable';
                options['pageSize'] = 10;
                options['pagingSymbols'] = { prev: 'prev', next: 'next' };
                options['pagingButtonsConfiguration'] = 'auto';

                // Create and draw the visualization.
                visualization = new google.visualization.Table(document.getElementById('table'));
                visualization.draw(data, options);

                var components = [
                    { type: 'html', datasource: data },
                    { type: 'csv', datasource: data }
                ];

                var container = document.getElementById('toolbar_div');
                google.visualization.drawToolbar(container, components);

                return false;
            }
            else {
                $('#chart_div').html('<span style="color:red;"><b>' + result.Error + '</b></span>');
                $('#chart_div').show();

                $('#table').html('<span style="color:red;"><b>' + result.Error + '</b></span>');
                $('#table').show();
                return false;
            }
        }
    });
}

Google example

代码语言:javascript
复制
function drawToolbar() {
  var components = [
      {type: 'igoogle', datasource: 'https://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA',
       gadget: 'https://www.google.com/ig/modules/pie-chart.xml',
       userprefs: {'3d': 1}},
      {type: 'html', datasource: 'https://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA'},
      {type: 'csv', datasource: 'https://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA'},
      {type: 'htmlcode', datasource: 'https://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA',
       gadget: 'https://www.google.com/ig/modules/pie-chart.xml',
       userprefs: {'3d': 1},
       style: 'width: 800px; height: 700px; border: 3px solid purple;'}
  ];

  var container = document.getElementById('toolbar_div');
  google.visualization.drawToolbar(container, components);
};

谷歌从url获取dataSource,而我从控制器动态获取dataSource。当我尝试将其导出到另一个页面时,如下所示:

代码语言:javascript
复制
http://localhost:49972/Enerji/%5Bobject%20Object%5D?tqx=out%3Acsv%3B

如何使用动态Json数据的导出工具条?有没有关于这个话题的例子?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-08-14 18:59:46

我也有这个问题,经过大量的拖网,我发现了这个!

我还没有实现它,但我认为这是一条可行的道路。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11717387

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档