标签: google-visualization

我正在使用 Google Charts 制作简单的面积图。我有很多点要画，我想设置它们之间的间隔。目前有一个列表1,2,3,4,5,6,7等

我想显示所有点，但带有自定义 hAxis 标签，例如：0 5 10 15 20等

代码是：

<script type="text/javascript">
    google.load("visualization", "1", {packages:["corechart"]});
    google.setOnLoadCallback(drawChart);
    function drawChart() {

        var data = google.visualization.arrayToDataTable([
            ['Day', 'Visit', 'Applic.'],
            ['1', 19, 1],
            ['2', 100, 9],
            ['3', 103, 18],
            ['4', 42, 8],
            ['5', 34, 2],
            ['6', 63, 9],
            ['7', 35, 7],
            ['8', 427, 51],
            ['9', 314, 38],
            ['10', 71, 4],
            ['11', 27, 0],
            ['12', 25, 0],
            ['13', 78, 0],
            ['14', 54, 0],
            ['15', 60, 0],
            ['16', 47, 0], …

我没有看到太多文档，似乎无法让我的代码工作。代码片段如下。我正在尝试删除鼠标悬停侦听器，但没有成功。谷歌图表文档有这样的方法 - google.visualization.events.remove Listener(listener_handler)。

我不确定listener_handler实际上属于什么。单击图表后，我试图删除鼠标悬停在侦听器上的监听器。

google.visualization.events.addListener(chart, 'onmouseover',  chartMouseOver);
google.visualization.events.addListener(chart, 'onmouseout', chartMouseOut);

google.visualization.events.addListener(chart, 'select', function () {
    google.visualization.events.removeListener(chartMouseOver);
}

我在弄清楚如何设置谷歌图表时间轴中元素的边框半径时遇到问题。我已经浏览了所有选项，但似乎没有一个适合这一点。我尝试过手动设置它，但没有任何运气。有人有解决这个问题的办法吗？

提前谢谢

如何使用Google财经和图表API？我想将它们嵌入我的网站.

谢谢.

一直在环顾网络,但到目前为止找不到任何东西......任何人都可以帮忙吗？

我创建了一个简单的html页面,其中包含一个值列表框,在选中时会调用单独的php脚本来运行数据库查询并打印出结构html页面.这是使用ajax调用实现的,当用户更改列表框中的值时,会导致页面重新加载.

现在,我想摆脱使用html标签生成表格并打印状态更加光滑并发现谷歌可视化API.我已经准备好通过网站的许多页面并使用代码操场,但无法找到信息来帮助我理解如何使用可视化API生成表并将其传递回div标签中的主页面,使用相同的PHP脚本.

有没有人有任何指针,或过去经历过这样的经历？

谢谢.

我需要使用GWT绘制一个水平条形图.GWTColumnChart的图表工具API库中的类仅支持垂直条.有什么建议？

我有一个编码字符串到json的问题.我在做一个谷歌饼图.图表将填充数据库中的数据.Google图表需要json格式的数据.

下面是字符串的示例,它应该是什么样子.现在我遇到了使用数据库中的数据动态"组装"字符串的问题.JSON_encode是不够的,它必须采用cols和rows这样的字符串格式!请帮忙.

<?php 

 $db=new DB();
 $db->connect();
 $db->selectBase();

 $rows = array();
 $sth=$db->st_glede_na_tip() or die(mysql_error());
 while($r = mysql_fetch_assoc($sth)) {
     $rows[] = $r;
}


 $string= '{
     "cols": [
        {"id":"","label":"Content","pattern":"","type":"string"},
        {"id":"","label":"Slices","pattern":"","type":"number"}
       ],
    "rows": [
        {"c":[{"v":"Books"},{"v":3}]},
        {"c":[{"v":"Video"},{"v":1}]},
        {"c":[{"v":"Audio"},{"v":1}]},
        {"c":[{"v":"Movie"},{"v":1}]},
      ]
   }';

   echo $string;


 ?>

我目前正在开发Cloudant服务器上的应用程序.我正在使用Google Vis API库.文件"jsapi.js"安装在Cloudant服务器上,我没有从网上加载,但似乎谷歌正试图从外部加载一些东西.有办法克服这个问题吗？

[已屏蔽] https://username.cloudant.com/web/_design/web/index.html上的页面从http://www.google.com/uds/?file=visualization&v=1.0&packages=corechart运行了不安全的内容%2Ctable.   

我想跟随谷歌图表(柱形图)在水平轴上显示它的第一个标签.我还希望每列具有相同的宽度; 第一列和最后一列需要更改.这怎么可能？

var chartDataRaw = [{
    "month": "201211",
        "articles": 41467
}, {
    "month": "201212",
        "articles": 31820
}, {
    "month": "201301",
        "articles": 43817
}, {
    "month": "201302",
        "articles": 42773
}, {
    "month": "201303",
        "articles": 38695
}, {
    "month": "201304",
        "articles": 41257
}];

var dataTable = new google.visualization.DataTable();

dataTable.addColumn('date', 'Month');
dataTable.addColumn('number', 'Articles');

var i = 1;

//chartDataRaw is array of objects, requested from server. looped through jquery each to fill dataTable
$.each(chartDataRaw, function () {

    var year = this.month.substring(0, 4);
    var month …

在谷歌可视化中我有一个ChartWrapper:

table = new google.visualization.ChartWrapper({
      'chartType': 'Table',
      'containerId': 'table_div',
      'options': {
          'allowHtml': true,
      }, 
    });

我想导出到csv表中可视化的数据(在制作一些过滤器之后)所以我得到了数据表:

var dataTableTmp = table.getDataTable();

现在,如果我尝试从dataTable中删除一列:

dataTableTmp.removeColumn(0); 

我收到以下错误:

未捕获的TypeError:undefined不是函数

问题是什么？