标签: google-visualization

我相对缺乏经验,所以请耐心等待.

我正在使用Google可视化API开发一个简单的仪表板.我正在开发vb.net.我有一个Annotated Timeline,Intensity Map和我的apsx上的一组表格.

我要做的是根据用户使用Annotated Timeline工具选择的日期范围更新Intensity Map和表.

我希望在不进行整页加载的情况下仅更新这些可视化.显然,一个很好的方法是将可视化分离为自包含的aspx页面,并使用jQuery将它们"加载"到div中.

我显然说,因为这不起作用.当我尝试使用jQuery更新包含Google可视化的aspx时,我在浏览器中收到消息"从www.google.com加载数据...",它只是连续运行而且永远不会返回.我是由一位经验丰富的开发人员运行的,他很难过,但我认为必须是谷歌API和jQuery之间的冲突.

任何提示,建议,替代解决方案非常感谢!

我正在尝试使用googlecharts(http://googlecharts.rubyforge.org/)gem.你把代码放在哪里生成一个图表(比如Gchart.line(:data => [0, 40, 10, 70, 20]) )？你如何显示它？

谢谢

我正在使用谷歌图表,但我希望它与动画..和动画不工作有什么不对的是我的代码

google.load('visualization', '1', {
    packages: ['corechart']
});
google.setOnLoadCallback(drawChart);

function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ['Y?l', 'Toplam Sat?? Miktar? (Ton)'],
        ['2007', 153888],
        ['2008', 37634],
        ['2009', 21835],
        ['2010', 80929],
        ['2011', 137699],
        ['2012', 313837],
        ['2013', 1050000], ]);

    var options = {
        title: 'Ciro',
        'width': 850,
        animation: {
            duration: 1000,
            easing: 'out'
        },
        'height': 400,
        hAxis: {
            title: 'Y?l',
            titleTextStyle: {
                color: 'red'
            }
        }
    };

    var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
    chart.draw(data, options);
}

我有一个关于Google Charts(柱形图)的具体问题.
"如何使"日期"可点击,以便我可以打开一个带有外部页面的模态对话框(jQuery)？"

我添加了一个例子来说明我的意思,这显然是在Photoshop中完成的.
当我点击任何一个栏时,我能够调出警告对话框,但这不是我想要的.

我试图搜索它,但无法找到任何东西.
附件是我用来使酒吧可点击的代码,也许有人知道如何修改它而无需谷歌.

var handler = function(e) {
    var sel = chart.getSelection();
    sel = sel[0];
    if (sel && sel['row'] && sel['column']) {
      var message = "Hi..";
      alert(message);
    }
}
google.visualization.events.addListener(chart, 'select', handler);

非常感谢任何帮助. - 罗伯特

我有一个饼图,其中图例的位置设置为'已标记',因此切片描述和值放在饼图旁边的一行上.我现在要做的是将切片与匹配图例连接的线的颜色更改为相应切片的颜色.

legend.textStyle或其他允许此更改的地方是否有任何属性？

这是我的代码:

function drawVisualization() {
  // Create and populate the data table.
  var data = google.visualization.arrayToDataTable([
    ['Task', 'Hours per Day'],
    ['Work', 11],
    ['Eat', 2],
    ['Commute', 2],
    ['Watch TV', 2],
    ['Sleep', 7]
  ]);

  // Create and draw the visualization.
  new google.visualization.PieChart(document.getElementById('visualization')).
      draw(data, {
        width: '800',
        height: '400',
        title: "So, how was your day?",
        legend: {
          position: 'labeled',
          textStyle: {
            color: 'gray'    // sets the text color
          }
        }
      });
}

非常感谢!

问候,安迪

我试图自定义甘特图Google Chart的工具提示，但似乎不适用

我已经添加 ：

 data.addColumn({type: 'string', role: 'tooltip'});

和选项

tooltip: {isHtml: true},
legend: 'none'

但这似乎不起作用。下面是Google提供并如上所述由我改编的实现的小提琴。知道为什么它不起作用吗？

https://jsfiddle.net/uped4teh/1/

我使用谷歌表格图表显示一些数据作为表格.根据行上的状态值,我必须更改行的背景颜色.所以我必须动态显示多种颜色.我检查了表格图表文档并在线搜索.但是找不到这样的功能.请帮忙.

我创建了一个Google时间线图表来查看我的音乐收听历史.它看起来像这样:

我想从工具提示中删除持续时间部分,但找不到任何选项.我尝试添加这些行:

dataTable.addColumn({type: 'string', role:'tooltip'});

我的dataTable.addRows([])函数中的一行如下所示:

['25 August', 'Kasabian - La Fee Verte', new Date(2016,01,01, 13,37,32), new Date(2016,01,01, 13,43,19), 'tooltip example'],

但它仍然显示与图像中相同的工具提示.我实际上想要Kasabian - La Fee Verte and 25 August: 1:37 pm - 1:43 pm在图像中显示,但我想删除持续时间.

https://developers.google.com/chart/interactive/docs/gallery/linechart

大家好,我想知道有一种方法可以在线路向下移动时改变线条的颜色.我用谷歌搜索,但我找不到任何东西.

例如,线图向上移动一旦图形线向下倾斜就可以了,而向下的图形线应该只是红色.如果之后它向上移动,那么向上的线不应该是红色.

以下是我想要获取的屏幕截图:http: //imgur.com/a/GuWDx

如果有人知道这一点,请帮助我

这是我现在正在做的代码:

function draw_chart(chart_data, id, action)
{
    var url = base_url + "controller/function/" + id ;
    statData = getAjax(url, '', false, 'json');
    minimum = '';
    maximum = '';
    upside = '';

    if (statData.min) {
        minimum = statData.min;
    }
    if (statData.max) {
        maximum = statData.max;
    }
    if (statData.upside == '1') {
        upside = -1;
    }

    value = $("#value_" + id).val();
    var name = $('#name_' + id).val();
    var names = [];
    if (value == 2) …

我正在尝试使用Google Charts创建一个TreeMap,它不仅显示父标签以及孩子的颜色分类,还显示孩子的标签.我基本上想要这个(保存可能的孩子着色):

我没有找到任何在线示例或问题,这可能吗？