标签: google-visualization

谷歌图表显示问题

你能指出下面的查询有什么问题吗?(请复制并粘贴网址)

https://chart.apis.google.com/chart?cht=p3&chs=550x200&chd=t:970,134,57,28,51,11,6&chl=Instant(970)|Below1Min(134)|Above1MinandBelow5Min(57)|Above5MinandBelow10Min (28)| Above10MinandBelow30Min(51)| Above30MinandBelow1Hr(11)| Above1HrsandBelow3Hrs(6)

我正进入(状态

替代文字

我的即时数据为970,总数为1257,即77.17%,但在图表中显示约30%.

低于1分钟数据的相同问题.这是134 (11.6%),但在图表上显示约25%

url visualization google-visualization

2
推荐指数
1
解决办法
256
查看次数

如何使用jinja从python传递null到javascript

我在谷歌应用引擎中这样做:

self.render('hello.html', value=null)
Run Code Online (Sandbox Code Playgroud)

但很明显,因为python不理解null,所以它认为它是一个未定义的变量并给出错误.

如果我将其作为字符串发送(value ="null"),那么javascript不知道我的意思是null而不是字符串"null".

那么解决这个问题的方法是什么?

如果它有点相关,我试图将值null传递给javascript中的谷歌散点图.

javascript python google-app-engine google-visualization jinja2

2
推荐指数
1
解决办法
2143
查看次数

Google Chart中的自动宽度滚动条

我在HTML5项目中使用Google Chart.它采用JSON值(来自DB)绘制图形.

如果数据在JSON值中超过5到6,我需要有一个滚动条.我已经通过JSFiddle创建了示例附加链接.

目前我已经给出了22个值.当JSON值有3或4个值时,我需要相同的效果.即使JSON有50个值,条形宽度也不会有任何变化,它应该保持相同的宽度.

请给我解决方案,非常感谢你.:)

这是链接: - http://jsfiddle.net/gK9r7/

javascript jquery json google-visualization

2
推荐指数
1
解决办法
1万
查看次数

提交表单并在同一页面上显示结果而不刷新

可能重复:
如何让用户在表单中提交文本,如何让AJAX进入数据库并显示在同一页面上?

我想做的事:

index.html - >表单提交到some.php - >进程数据(来自index.html)并将数据发送到server.php - >将结果返回到index.html div.

我读过ajax,jQuery,我在这个网站上看到了数百个问题,但我还是想不通.

index.html的:

<form action="some.php"  method="post">
    Start date: <br/> <input name="idate" id="firstdate" type="text" /><br />
    End date: <br /> <input name="fdate" id="seconddate" type="text" /><br />
    <br />
    <input type="button" id="searchForm" onclick="SubmitForm();" value="Send" />
</form>
Run Code Online (Sandbox Code Playgroud)

some.php:

<?php
session_start();
$_SESSION['data1'] = $_POST['firstdate'];
$_SESSION['data2'] = $_POST['seconddate'];
?>

 function drawChart() {
    var jsonData = $.ajax({
        url: "server.php",
        dataType: "json",
        async: false
    }).responseText;

    var obj = jQuery.parseJSON(jsonData);
    var data = google.visualization.arrayToDataTable(obj);

(...)
Run Code Online (Sandbox Code Playgroud)

server.php: …

php mysql ajax jquery google-visualization

2
推荐指数
1
解决办法
3万
查看次数

指定Google Visualization Geochart的纬度和经度,而不是城市名称

是否可以指定城市的坐标而不是Geochart的城市名称?其文档页面(https://developers.google.com/chart/interactive/docs/gallery/geochart)上的第二张地图使用了城市.

我想指定坐标,以便更快地在地图上放置标记.为大型数据集指定城市需要更长的时间,因为它必须按名称查找每个城市.

google-visualization

2
推荐指数
1
解决办法
2423
查看次数

如何从Google Scatter Charts选项中获取工具提示值

我正在尝试在Google散点图上获取所选实体的工具提示.我创建我的数据表如下:

data = google.visualization.arrayToDataTable([
    ['Lines changed', 'TTL', 'Tooltip'],
    [25, 12, 'Text for first'],
    [34, 20, 'Text for second']
]);
Run Code Online (Sandbox Code Playgroud)

然后我可以使用访问所选的一个

google.visualization.events.addListener(chart, 'select', function () {
    // when a point is selected
    var selection = chart.getSelection();
    console.log(data.getValue(selection[0].row, selection[0].column)); // this gives me the Y-value for that row and index
});
Run Code Online (Sandbox Code Playgroud)

有谁知道如何从该行和索引而不是Y值获取工具提示文本?

编辑

可以确实添加使用工具提示arrayToDataTable()通过设置列属性类似的方法:

data.setColumnProperty(2, 'role', 'tooltip');
Run Code Online (Sandbox Code Playgroud)

这使得第三列(索引2)成为工具提示.只是我不能(轻松地)使用上述方法将HTML添加到工具提示中.我不得不恢复使用new google.visualization.DataTable().

javascript google-visualization

2
推荐指数
1
解决办法
3139
查看次数

Google Visualization API - 百分比条

我正在使用Google可视化API条形图.我需要能够使用以下代码执行一些操作:

  1. 显示底部的百分比.总计213,81应显示38%

http://jsfiddle.net/wesbos/EQ4kc/

  google.load("visualization", "1", {packages:["corechart"]});
  google.setOnLoadCallback(drawChart);
  function drawChart() {
    var data = google.visualization.arrayToDataTable([
        ["dummy","Question 1", "Question 2", " Question 3"],
        [0,81, 122, 10 ]
    ]);

    var options = {
      title: '',
      vAxis: {
        title: '',
        gridlines : {
          count : 5,
          color: 'white'
        }
      },
      hAxis: {
        title: '',
        format : '#%',
        gridlines : {
          count : 5,
          color: 'white'
        }
      },
      colors: ['#be1e2d', '#74b749', '#0daed3', '#ffb400', '#f63131'],
      legend : {
        position: 'bottom'
      }
    };

    var chart = new …
Run Code Online (Sandbox Code Playgroud)

javascript charts google-visualization

2
推荐指数
1
解决办法
3558
查看次数

是否可以使用Google图表更改饼图的标题颜色?

是否可以使用Google Charts APIS更改饼图的标题颜色?

干杯,西蒙

google-visualization

2
推荐指数
1
解决办法
3105
查看次数

获取谷歌区域图表的H轴(X轴)值

在谷歌图表数据表对象中,我可以使用获取当前选择点值(V轴/ Y轴)datatable.getValue(...).但是,如果我想从X轴获得时间/日期/年份(见截图).我没有找到任何数据表的功能来实现这一点.有谁知道怎么做?

在此输入图像描述

这是我的代码

google.visualization.events.addListener(chart, 'select', function(a, b, c, d) {
            var selectedItem = chart.getSelection()[0];
            if (selectedItem) {
              // Get the current Y-axis value which is 1120
              var value = data.getValue(selectedItem.row, selectedItem.column);
              alert('The user selected ' + value);
              // How I can get the value of 2015 which is the X-axis value??????
            }
        });
Run Code Online (Sandbox Code Playgroud)

javascript google-api google-visualization google-datatable

2
推荐指数
1
解决办法
1458
查看次数

将数组传递到Google Chart

我有一些记录,我使用三个包含动态值的数组.

var Results=new Array();
var Second=new Array();
var First=new Array();
Run Code Online (Sandbox Code Playgroud)

我想在Google图表中显示这些数组值,但根据Google图表,它们会以不同方式显示数组值.

如何将我的数组添加到Google Chart中?

javascript arrays jquery charts google-visualization

2
推荐指数
1
解决办法
6376
查看次数