Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将数据从谷歌图表保存到CSV_Javascript_Html_Csv_Charts_Google Visualization - Fatal编程技术网

Javascript 将数据从谷歌图表保存到CSV

Javascript 将数据从谷歌图表保存到CSV,javascript,html,csv,charts,google-visualization,Javascript,Html,Csv,Charts,Google Visualization,我在谷歌图表项目中工作,我想将函数导出数据添加到CSV。我试着去做,但没有成功。在fiddle中,URL是我想要将导出添加到CSV数据的图表。有人能帮我怎么做吗??谢谢,这里是CSV函数的代码 小提琴图: 如……文件中所述 要使用工具栏,可视化必须从URL获取数据;不能传递手动填充的DataTable或DataView对象 由于您是从头开始创建DataTable,工具栏将无法为您工作 但是,dataTableToCsv有一个静态方法 此方法不包括列标题, 必须手动添加这些 要使用此方法,您可以添

我在谷歌图表项目中工作,我想将函数导出数据添加到CSV。我试着去做,但没有成功。在fiddle中,URL是我想要将导出添加到CSV数据的图表。有人能帮我怎么做吗??谢谢,这里是CSV函数的代码

小提琴图:


如……文件中所述

要使用工具栏,可视化必须从URL获取数据;不能传递手动填充的DataTable或DataView对象

由于您是从头开始创建DataTable,工具栏将无法为您工作

但是,dataTableToCsv有一个静态方法

此方法不包括列标题, 必须手动添加这些

要使用此方法,您可以添加一个按钮来构建下载内容

请参阅以下工作片段

google.charts.load'current'{ 回调:图纸, 软件包:['controls','charteditor'] }; var-axix=Cas; var-axisY=Tlak; var zoom=true; var仪表盘; 函数轮廓{ myOutput=document.getElementById'button'; axisX=document.getElementById'axisX'。值; axisY=document.getElementById'axisY'。值; zoom=document.getElementById'zoomchart'; ifdocument.getElementById'zoomchart'。已选中 { 缩放=真; } 其他的 { 缩放=假; } dashboard=document.getElementById'dashboard'; 图纸; } 功能图{ var data=new google.visualization.DataTable; 数据。添加列'number','X'; 数据。添加列“编号”、“Y1”; 数据。添加列“编号”、“Y2”; var数据1=5; var数据2=100; 对于变量i=0;i<10000;i++{ data.addRows[ [i,i+data1,i+data2] ]; } var dash=new google.visualization.Dashboarddocument.getElementById'dashboard'; var control=new google.visualization.ControlWrapper{ controlType:“ChartRangeFilter”, 集装箱船:“控制室”, 选项:{ filterColumnIndex:0, 用户界面:{ 图表选项:{ 身高:40, 宽度:600, 图表区:{ 宽度:“90%” } } } } }; var chart=new google.visualization.ChartWrapper{ 图表类型:“线条图”, 集装箱船:“海图分区”, 选项:{ 标题:“Prubeh tlaku诉案”, titleTextStyle:{ 颜色:“333”, 尺寸:18 }, 哈克斯:{ 标题:axisX }, 言辞:{ 标题:axisY }, 探索者:{ 轴:'水平', 基平:是的, maxZoomIn:4.0 } } }; 函数设置选项包装器{ 包装器。设置选项“宽度”,600; } $'.csv按钮'。单击,函数{ var-csv柱; var CSV含量; var下载链接; //生成列标题 CSV列=; 对于变量i=0;i感谢这个解决方案,这比我预期的要困难得多——更好的方法是更新新版本的Library不知道为什么,但您的代码未能触发下载。我重写了downloadLink位并使其工作,但没有看到区别。不管怎样,这个答案帮我弄明白了。谢谢。以上内容并不适用于所有浏览器,请参阅以获得更好的版本。。。
    function drawToolbar() {
      var components = [
          {type: 'csv', datasource: 'https://spreadsheets.google.com/tq?key=pCQbetd-CptHnwJEfo8tALA'}
      ];

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

    google.charts.setOnLoadCallback(draw);
google.visualization.dataTableToCsv(data)