标签: google-visualization

我希望创建一个带过滤功能的Google图表API信息中心,但我想根据分组数据绘制数据图表.例如,我可以创建一个这样的数据表:

salesman  cust_age  cust_sex  quantity
Joe       21        Male      3
Joe       30        Female    10
Suzie     40        Female    2
Dave      15        Female    5
Dave      30        Male      10

我可以适当地创建一个仪表板,创建两个控件(对于cust_age和cust_sex)以及从外部数据源中提取的任意数量的输出图表和表 - 这是非常有用的东西,请参阅http://code.google.com/apis /chart/interactive/docs/gallery/controls.html

我遇到的问题是如何按分组值显示所有图表.以饼图为例,没有任何过滤器,有5个切片(Joe,Joe,Suzie,Dave,Dave) - 我只想看到三个(Joe,Suzie Dave).当然,当应用控件时,一切都应该更新.

换句话说,过滤器应该作用于原始数据表,但图表应基于分组数据表.

我猜我们可以使用分组功能:http: //code.google.com/apis/ajax/playground/？ type = visualization#group但是我似乎无法将过滤器绑定到更大的数据表,更新分组表,然后根据分组表绘制图表.

有什么想法吗？

如何删除Google GeoChart底部显示的图例？我知道如果我没有将data.setValue传递给它不会显示的图表对象,但是我需要它们来填充地图.我想做的就是摆脱颜色.有任何想法吗？

我一直在Google图表游戏中玩谷歌图表:

链接

我一直在玩的代码是这样的:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria'],
    ['2003',  1336060],
    ['2004',  1538156],
    ['2005',  1576579],
    ['2006',  1600652],
    ['2007',  1968113],
    ['2008',  1901067]
  ]);

  // Create and draw the visualization.
  new google.visualization.BarChart(document.getElementById('visualization')).
      draw(data,
           {title:"Yearly Coffee Consumption by Country",
            width:600, height:400,
            vAxis: {title: "Year"},
            hAxis: {title: "Cups"}}
      );
}

这给了我一个很好的图表,看起来像这样:

我试图让这个图表符合我的网站的需要,为此,我需要在左边的链接到另一个页面.因此,例如,2003年将是用户可以单击ans的链接,因此2004年等.

我试着这样做:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Year', 'Austria'],
    ['<a href="url">Link text</a>',  1336060],
    ['2004', …

每次我使用Google http://ajax.googleapis.com/ajax/static/modules/gviz/1.0/table/table.css Charts'Table时谷歌加载器都会加载一个总是几乎杀死我的bootstrap css的东西,并且在凌晨2点我不太烦人.:)
注意:我无法修改table.css文件.

你知道任何可以阻止加载CSS文件的方法吗？

谢谢您的帮助.

PS:是的,我已经尝试过使用JS,但是表格在切换页面上重新编译,所以我应该table每次在分页时替换's classname.

我有关于某些日期收入的数据:

['2013-02-13',100],['2013-03-20',200],['2013-04-11',160]

有关成本的数据发生在其他一些日期:

['2013-02-22',60],['2013-03-04',90],['2013-03-25',110]

因此X轴是连续的(日期),Y轴表示收益/成本值(数字).我想在同一个图表上代表这两个日期值系列.他们共享相同的时间表,但事件发生在不同的日期？

这可能吗？

我正在尝试使用Google Charts API生成垂直堆叠的条形图,我认为当找到该选项时我找到了解决方案:

isStacked: true

但是,这似乎是水平添加堆叠(见下面的链接),我似乎无法找到一种方法来做到这一点.有人之前遇到过这个或者可以帮助我吗？

见:http://jsfiddle.net/tmA55/1/

谢谢

我想将Google图表API的语言设置为一个值.它目前使用浏览页面的浏览器语言.如何将其设置为我的应用程序的语言？

如何在Google饼图中显示百分比和值？

我使用谷歌图表api在我的应用程序中显示折线图,在该图表中现在我想显示具有百分号的垂直轴值.为此,我尝试了以下选项

chart.draw(data, {vAxis: {format:'#%'} } );

如提到的那样

如何在Google Visualization Chart API中设置百分比？

' B七 '

当使用这种方法时,垂直轴值乘以100.即不是'12%' - 我在vaxis中得到1200%!!!!

我也检查了https://developers.google.com文件,我找不到任何方法来做到这一点.

是否有任何替代显示vaxis中的百分比符号.

如何创建复制下面图像的Google Combo Chart？似乎一旦我为垂直线添加了列,绿色列就会丢失它们的groupWidth属性并变成细线.

    data.addColumn('number', 'X');
    data.addColumn('number', 'Y');
    data.addColumn('number', 'Average');
    data.addColumn('number', 'Vertical Line');

    data.addRows([
        [1, 5, 3, null],
        [3, 4, 3, null],
        [5, 2, 3, null],
        [2, null, null, 0], // add vertical line
        [2, null, null, 5],
    ]);

这是一个jsfiddle:http://jsfiddle.net/vmb4odkt/