标签: google-visualization

有没有一种方法可以在图表上设置切换选项，以在World和之间切换区域Europe

我疯狂地搜寻着，找不到任何东西。我知道如何设置区域只是不切换它。

谢谢C

我想通过图表显示动态数据，图表是从数据库中检索的。有各种可用的gems，如highcharts、google graphs、gruff library等。 任何人都可以提供一个示例，如何从数据库中检索数据并使用它来显示图表，使用这些 gems/libraries 中的任何一个的图形？任何帮助都会有用。

谢谢

如何使用ChartWrapper和格式化程序在线/条形图上的工具提示中添加后缀？这是ChartWrapper的代码

function drawChartb() {

    var wrapper = new google.visualization.ChartWrapper({
    chartType: 'LineChart',
    dataTable: [['Person', 'Score'], [1, .50], [2, .25]],
    options: {'legend': 'bottom', 'colors': ['#D70005'], 'chartArea': {left: 40, top: 10, width: 450}, 'vAxis': {format: '#,###%', 'viewWindow': {max: 1.05, min: .2}}, 'pointSize': 6},
    containerId: 'chart_div'
    });

    wrapper.draw();
}

这就是我在不使用chartwrapper的情况下完成的.

// set tooltip as percentage
var formatter = new google.visualization.NumberFormat({
pattern: '#%', 
fractionDigits: 2
});
formatter.format(data, 1);

谢谢

我正在尝试导出服务器生成的一些数据,并将其导入Googles Column Chart.

我已经阅读了有关使用JSON从服务器导入的文档,但是,我没有使用饼图,他们没有提供有关它们如何生成JSON的大量信息,以及它们之间的格式差别很大和柱形图.

我的服务器当前正在返回以下代码:

[['Week', 'Present', 'Absent', 'Other'], 
 ['Week 1', 2, 0, 0],
 ['Week 2', 0, 0, 0],
 ['Week 3', 0, 0, 0],
 ['Week 4', 0, 0, 0],
 ['Week 5', 0, 0, 0]
]

现在,如果我将其直接导入图表:

google.visualization.arrayToDataTable(response);

然后我收到错误消息'Not a array'.我猜这是真的,实际上是一个字符串.

然而,在谷歌搜索之后,似乎使用$.parseJSON会起作用.我已经在另一个Line graph google图表上使用了这个功能,但是无论什么时候我使用$.parseJSON(response),我得到的都是

Uncaught SyntaxError: Unexpected token '

我不能为我的生活看到撇号的位置.我想要做的就是将我的服务器生成的代码导入图表.

任何帮助总是受到赞赏.

编辑：似乎我的一些原始数据不包含三个堆叠条中的每一个的值。这是有效的并且基于用户选择。例如：餐厅可能只有早餐菜单，但没有三明治或便餐（见下文）。

谷歌图表在这一行失败，对于（有效的）丢失的用户选择，没有零的物理条目。

是否有 Google Charts 设置将“缺失值”视为零值？

以下是 JSON 输入的示例：

   [{"store_name":"Store 1","dish_menu":"Breakfast","dish_count":"13"},
    {"store_name":"Store 1","dish_menu":"Light Meals","dish_count":"7"},
    {"store_name":"Store 1","dish_menu":"Sandwiches","dish_count":"7"},
    {"store_name":"Store 2","dish_menu":"Breakfast","dish_count":"13"},
    {"store_name":"Store 2","dish_menu":"Light Meals","dish_count":"7"},
    {"store_name":"Store 2","dish_menu":"Sandwiches","dish_count":"7"},
    {"store_name":"Store 3","dish_menu":"Breakfast","dish_count":"13"},   <-- FAILS HERE
    {"store_name":"Store 4","dish_menu":"Breakfast","dish_count":"13"},
    {"store_name":"Store 4","dish_menu":"Light Meals","dish_count":"7"},
    {"store_name":"Store 4","dish_menu":"Sandwiches","dish_count":"7"},]

我在一个页面上有 3 个 Google 图表，2 个是饼图，1 个是堆叠条形图。

今天，由于我无法理解的原因，堆积条形图停止工作，消息检查显示“错误：第 14 行有 2 列，但必须有 4”，并指向 Google 代码的内部。这个页面已经制作了一个多月，工作得很好。

当我查看代码并将其与上次备份（运行正常，2 周前）进行比较时，代码完全相同。此外，SQL 查询输出工作正常。

任何关于在哪里看的建议都非常感谢。

代码：

function loadHQCharts() { 
// CHART #1 
    google.load('visualization', '1', {'packages':['corechart'], callback: drawChartDishMix});
// CHART #2 
    google.load('visualization', '1', {'packages':['corechart'], callback: drawChartMenuMix});
// CHART #3 
    google.load('visualization', '1', {'packages':['corechart'], …

我已经用 Google Charts API 尝试了三个小时来更改我在下面显示的下一个的颜色。正如你所看到的，我已经用白色绘制了 X/Y 轴，但这就是我所能做的，尽管改变了背景颜色。

我一直在阅读位于此处的文档：https : //developers.google.com/chart/interactive/docs/gallery/table

在今天之前,所有这些代码工作正常:

var slider;
var ajdi = '';
function drawVisualization() {
    var cssClassNames = {
        'headerRow': 'zaglavlje',
        'tableRow': 'red',
        'oddTableRow': 'red1',
        'selectedTableRow': 'orange-background large-font',
        'hoverTableRow': 'prekoreda',
        'headerCell': 'gold-border',
        'tableCell': 'cell',
        'rowNumberCell': 'underline-blue-font'
    };

    var json = $.ajax({
        url: 'getzadaci.php', // make this url point to the data file
        dataType: 'json',
        async: false
    }).responseText;

    // Create our data table out of JSON data loaded from server.
    var data = new google.visualization.DataTable(json);
    //dodajemo kolonu sa kontrolama

    //dodajemo kolonu sa kontrolama
    data.addColumn('string', '');
    for …

已发布新的Google Charts API(https://developers.google.com/chart/interactive/docs/release_notes#april-30-2015),该API 禁用表格图表的列标题换行.我该如何重新启用它？

以下是Google Superbowl时间轴示例:

https://developers.google.com/chart/interactive/docs/datesandtimes#dates-and-times-using-the-date-string-representation

有没有办法将日期/年份移动到时间线图表的顶部？

或者,是否有任何其他时间线图表可以提供额外的自定义？

我有一个用于饼图的数据表,我需要根据行中的值设置切片的颜色.例如,我有一个按类型划分的汽车销售表(例如租赁,现金,财务),我想为每一个指定颜色.在文档中,似乎可以使用条形图执行此操作,但我似乎无法使用切片执行此操作.我尝试了以下方法:

var pieChart = new google.visualization.ChartWrapper({
    options : {
        ...
        slices: [{color: 'black'}, {color: 'green'}, {color: 'red'}]
    }
});

色彩呈现得到,但我想说明black的lease.关于如何让这个工作的任何想法？