标签: google-visualization

谷歌的GeoMap是否有一个不错的非闪存替代品？我正试图"推"重绘,但因为它是闪存,它必须运行回Google,渲染一个flash对象,然后替换它.

我想在我的页面上使用谷歌图表来显示来自谷歌分析的东西.

我将分析报告拆分为更多部分:页面,浏览器,操作系统,流量来源等......

我有一个处理程序来获取我的请求并对我的一个文件执行ajax调用.例如:如果我请求Pages,我的处理程序会显示ajax加载图形并向ajax_pages.php发送请求.完成后,将html附加到div中.

这是问题所在:将google图表代码放在任何ajax _*.php文件中都不会加载js ... AT ALL!任何其他JavaScript代码将加载.尝试过<script>alert('aaaa');</script>并且工作正常.事情是,当我查看页面的来源时,甚至不会出现js代码.怎么会这样？至少源代码应该在那里,无论它是否有错误.

将代码放在处理程序之前发送请求将显示图表.

我正在尝试使用谷歌API绘制折线图.

但是没有绘制图表,我可以在data.addRows(rows)中识别出一些错误; 因为此data.addRows行之后的警报不会弹出.

如果我在data.addRows(行)之前提供警报弹出窗口.

我不知道这里出了什么问题.任何帮助深表感谢.

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

      function drawLineChart() {
          var date = 0;
          var status = 0;
          var rows = new Array();
          var data = new google.visualization.DataTable();
          var $attendance_date =  new Array();
          var $attendance_status = new Array();

          $attendance_date[0] = '2004';
          $attendance_date[1] = '2005';
          $attendance_date[2] = '2006';

          $attendance_status[0] = 1;
          $attendance_status[1] = 3;
          $attendance_status[2] = 5;

          rows.push(['Year', 'Sales']); 
          for(var i = 0; i < 3 ; i++) {
            date = $attendance_date[i];
            status = parseInt($attendance_status[i]);
            rows.push([date, status]);
          } …

有没有办法让encode_json方法不在数字上加引号？

例如,我在CentOS 6.3上使用perl 5.10(在Win 7上也使用ActiveState perl 5.16),它将引号放在不应该的位置:

# perl -MJSON -e 'print encode_json({a => [split(",", "1.2,30")]});'
{"a":["1.2","30"]}

也就是说,好的是,它在上面的代码中看到"1.2"和"30"作为字符串,但我的问题是:

我的perl脚本解析的CSV文件,并生成HTML的文件,使用谷歌图表,而后者是通过具有围绕数字值引号(eventhough我告诉他们,列的类型是"数字")混淆.

作为一种变通方法我通过数据迭代意象结构和更换每一个数字sprintf "%f", $val,但是这会导致过多的空值的每个数字,这使得图表无误后所显示的,但难看:

# perl -e 'printf "%f", "30"'
30.000000

更新:

是的,添加零或乘以1 似乎在第一眼就能起作用:

# perl -MJSON -e 'print encode_json({a => [map {1 * $_} split(",", "1.2,30")]});'
{"a":[1.2,30]}

但在我的真实脚本中,它仍然不适用于浮动数字.

您也可以在使用Dumper模块时看到CLI中仍然存在的问题:

# perl -MData::Dumper -e 'print Dumper({a => [map {1.0 * $_} split(",", "1.2,30")]});'
$VAR1 = {
          'a' => [ …

在我的脚本中,我将一系列名称值添加到数据列.如下

for (var colmnName in MyResultHeader){
     data.addColumn('number', colmnName);

}

我希望用户能够按这些列进行过滤,例如

A  | B | C  | D
12 | 2 | 21 | 32
43 | 12| 23 | 21

如何添加具有下拉列表的过滤器(A,B,C,D),因此所选列将显示在图表上？

ControlWrapper强制我们提到选项':'filterColumnIndex':

我想更改条形图中每个条的颜色。目前，我尝试按照文档中的指定设置颜色选项：

var options = {
        'title' : results.title,
        'width' : 400,
        'height' : 300,
        'is3D' : true,
        'colors' : ["#194D86","#699A36", "#000000"],
        'allowHtml' : true
    }

但这行不通。基本上，我希望下图中的每个条形都具有相同的颜色：http : //jsfiddle.net/etiennenoel/ZThMp/12/

有没有办法做到这一点，或者我必须更改代码结构才能做到这一点？

是否有任何JavaScript或横向平移Google柱形图的示例？我有几个月的数据,我希望用户能够从左到右查看.这是我想要的功能:http://almende.github.io/chap-links-library/js/graph/examples/example05_gaps_in_data.html.我的用户已经推迟使用Annotated TimeLine.

我正在使用Google Charts API绘制饼图。饼图是通过对我设置的API的ajax调用动态生成的，并且可以正常工作，但是当我开始添加更多数据时，饼图突然从显示每个细分变为显示具有一个值的图表-其他。

这是从服务器返回的json

{
    "cols" : [{
            "id" : "",
            "label" : "Team",
            "type" : "string"
        }, {
            "id" : "",
            "label" : "Steps",
            "type" : "number"
        }
    ],
    "rows" : [{
            "c" : [{
                    "v" : "Draper",
                    "f" : null
                }, {
                    "v" : "626528",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : "Sterling",
                    "f" : null
                }, {
                    "v" : "539165",
                    "f" : null
                }
            ]
        }, {
            "c" : [{
                    "v" : …

我在Google图表实施中遇到了一个小问题。根据要求，图表应包含在大纲（边界）内，如下所示：

但是我得到以下输出：

这是我用于图表的选项：

gChartOptions = {
chartType:"ComboChart",
    containerId:"visualization",
    stackSeries: true,
    isStacked : true,
    pointSize: 3,
    backgroundColor: '#000',
    legend: 'none',
    tooltip:{
        trigger:'none'
    },
    colors : ['#6DB1E2','#FDCB34','#69BD44','#ffffff','#A2469B','#ffffff'],
    seriesDefaults: {
        rendererOptions: {
            barPadding: 0,
            barMargin: 10
        },
        pointLabels: {
            show: true,
            stackedValue: true
        }
    },
    vAxis: {
        gridlines: {
            color: 'transparent'
        }
    },
    seriesType: "bars",
    series: {
        0: {
            targetAxisIndex: 0
        },
        1: {
            targetAxisIndex: 0
        },
        2: {
            targetAxisIndex: 1,
            type: "line"
        },
        3: {
             targetAxisIndex: 1,
             lineWidth: 0,
             pointSize: 3,
             type: …

可以在sankey图中显示总数吗？

例如，小提琴波纹管显示“水果”>“位置”。我想知道该地点喜欢多少水果，以及在哪些地方链接了多少水果。所以像这样：

Mango (3)
Apple (2)
Pineapple (1)

这三个都链接到场所A，因此场所A应该是：

(7) Place A

（还有1个是因为葡萄）

http://jsfiddle.net/Khrys/5c2urqbx/

更新：默认情况下，看起来v42增加了重量。