标签: google-visualization
如何在谷歌图表中放置特殊符号？
我使用美元符号以美元为前缀但我的问题是我需要它是英镑/英镑这样的"£".我怎样才能做到这一点？谢谢
var data2 = new google.visualization.DataTable();
var formatted = new google.visualization.NumberFormat({prefix: '$'});
data2.addColumn('string', 'Company');
data2.addColumn('number', 'Amount');
推荐指数
解决办法
查看次数
如何使用php循环将mysql数据导入谷歌图表？
我创建了一个Google图表,并且我添加了从数据库本身获取的数据.虽然通过php循环获取数据,但我遇到了一些困难,因为我的语法无法将数据修改为图表.
这是我已经走了.我需要获取mysql值代替:
1170,460,45,123,456],660,1120,145,785,658]
var data = google.visualization.arrayToDataTable([
['Term', <?php
while ($getchartrows = mysql_fetch_array($getchart))
{
echo " ' " . $getchartrows['std_ID'] . " ' " . ",";
}
?>],
<?php
$one = mysql_query("SELECT * FROM stusitting WHERE std_ID = '0001' AND subjectNo = '$subin' AND grade = '$gradein' AND termNo = '$tcheck' ");
$getone = mysql_fetch_array($one);
?>
['01', <?php echo $getone ['marks']; ?>, 400, 495, 565, 415],
['02', 1170, 460, 45, 123, 456],
['03', 660, 1120, 145, 785, 658]
]);
var …推荐指数
解决办法
查看次数
Google Charts是否有限？
我希望使用Google Charts使用JavaScript生成图表,并且我读到旧的Google Chart Api仅限于每位用户每天的查询量(请在此处阅读).
所以我想知道这个限制是应用于谷歌图表(使用JavaScript)还是仅适用于图像,和/或是否存在其他限制(非商业等免费).
推荐指数
解决办法
查看次数
Ruby-on-Rails JavaScript没有在link_to上加载
我正在使用Google可视化在嵌套在视图中的脚本标记中构建图表.当直接获取页面时,这种方法运行良好,但是当通过link_to帮助程序运行时,javascript不起作用.
我相信这与turbolinks有关,但是如下所示将JavaScript包装起来 page:load并没有什么不同.我已经确认关闭turbolinks确实解决了这个问题但是如果没有它,整个应用程序会明显变慢.
<script type="text/javascript" charset="UTF-8">
function resultstable () {
google.load('visualization', '1', {packages:['table']});
google.setOnLoadCallback(drawTable);
function drawTable() {
var data = new google.visualization.DataTable();
data.addColumn('string', '');
data.addColumn('number', 'Lot #');
data.addColumn('string', 'Client');
data.addColumn('boolean', 'Commercial');
data.addColumn('string', 'Site');
data.addColumn('string', 'Biological Classification');
data.addColumn('string', 'Actions');
data.addRows([
<% @lots.each do |lot| %>
[
'<%= check_box_tag "lot_ids[]", lot.id %>',
<%= lot.id.to_s %>,
'<%= link_to Client.find(lot.client_id).org.to_s.humanize, client_path(lot.client_id) %>',
<%= lot.commercial %>,
'<%= lot.site %>',
'<%= lot.phylum.to_s + " " + lot.l_class.to_s + " " + lot.genus.to_s + …javascript ruby-on-rails google-visualization turbolinks ruby-on-rails-4
推荐指数
解决办法
查看次数
Google Visualization API - 错误:未知标头类型:1
当我尝试在我的WAMP服务器上加载我的网站时,它给了我这个错误:
Error: Unknown header type: 1
https://www.google.com/uds/api/visualization/1.0/c3581c99759b4a64cb69ca21ab634266/format+en,default+en,ui+en,corechart+en.I.js
Line 171
这是我的代码:
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8 />
<title>SO Q#</title>
<style type="text/css">
html {
height: 100%;
width: 100%
}
body {
height: 100%;
width: 100%;
margin: 0;
padding: 0
}
#chart {
height: 100%;
width: 100%
}
</style>
<script language="javascript" type="text/javascript" src="https://www.google.com/jsapi"></script>
<script language="javascript" src="../js/jquery.js"></script>
<script language="javascript" src="../js/jquery.csv.js"></script>
<script language="javascript" type="text/javascript">
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
$.get("https://docs.google.com/spreadsheet/pub?key=0Ao6fMN9Cw0GPdFVtZ29iYmd1cmRORU0yemYxUjE3OVE&single=true&gid=0&output=csv", function(csvString) {
var arrayData = $.csv.toArrays(csvString, {onParseValue: $.csv.hooks.castToScalar});
var data = new …推荐指数
解决办法
查看次数
如何制作Google图表动画？
在脚本标签中,我添加了以下代码,我无法为其设置动画.善意的suugest
google.load("visualization", "1", {packages:["corechart"]});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = google.visualization.arrayToDataTable([
['Year', 'Sales', 'Expenses'],
['2004', 1000, 400],
['2005', 1170, 460],
['2006', 660, 1120],
['2007', 1030, 540]
]);
var options = {
title: 'Company Performance',
animation: {
duration: 1000,
easing: 'out'
},
vAxis: {title: 'Year', titleTextStyle: {color: 'red'}, minValue:0, maxValue:1000}
};
var chart = new google.visualization.BarChart(document.getElementById('chart_div'));
chart.draw(data, options);
}
图表正在加载,但我无法为其设置动画.加载时的动画
推荐指数
解决办法
查看次数
Google图表 - 工具提示
我正在尝试向时间图表添加工具提示,但是遇到了非常奇怪的结果:
var container = document.getElementById('example2.1');
var chart = new google.visualization.Timeline(container);
var dataTable = new google.visualization.DataTable();
dataTable.addColumn({ type: 'string', id: 'Name' });
dataTable.addColumn({ type: 'date', id: 'Start' });
dataTable.addColumn({ type: 'date', id: 'End' });
dataTable.addColumn({'type': 'string', 'role': 'tooltip', 'p': {'html': true}});
在这里做一些动态的东西并循环:
dataTable.addRow([$(this).attr('ows_Title'),start,end,"Status: " + $(this).attr("ows_Status")]);
chart.draw(dataTable);
图表填充完美,除了没有工具提示!
有人有主意吗？附上是我的结果!
这是一张图片:
推荐指数
解决办法
查看次数
谷歌图表X轴看起来不那么好
我使用谷歌图表API绘制图表.我得到这个图表:
我在这个图表中的问题是X轴.标签看起来不那么好.如果我在X轴上有更多的字符串,它看起来像这样:
我认为问题是因为X列类型是字符串而不是DATETIME.我如何更改谷歌图表中的列类型？或者我如何在不改变列类型的情况下更改X轴？我在下面添加脚本......
PHP代码:
$connection = mysql_connect('127.0.0.1','root','123456');
mysql_select_db('db_statmarket',$connection);
$result2 = mysql_query('select sum(`How much read from customer`) as Leads, Date from monitor group by Date;',$connection) or die('cannot show tables');
$json = array();
while($row = mysql_fetch_assoc($result2)) {
$json[] = $row;
}
$str='[\'Date\', \'Leads\'],';
foreach($json as $key=>$value){
$str = $str.'['.'\''.$value["Date"].'\''.', '.$value["Leads"].'],';
}
$str = substr($str, 0, -1);
$str = '['.$str.']';
$result1 = mysql_query('SELECT * FROM monitor ORDER BY customer_id DESC LIMIT 1;',$connection) or die('cannot show tables');
$row = mysql_fetch_assoc($result1);
JS代码:
google.setOnLoadCallback(drawChart); …推荐指数
解决办法
查看次数
用渐变填充谷歌图表chartArea
我一直在探索谷歌图表的功能,现在我正在尝试自定义散点图.我有以下功能:
function drawScatterChart(){
var data = google.visualization.arrayToDataTable([
['Chance', 'Impact'],
[ 5, 4],
[ 1, 2]
]);
var options = {
hAxis: {title: 'Chance', minValue: 0, maxValue: 5},
vAxis: {title: 'Impact', minValue: 0, maxValue: 5},
legend: 'none',
'chartArea' : { 'backgroundColor' : '#F4F4F4' }
};
var chart = new google.visualization.ScatterChart(document.getElementById('scatter_chart'));
chart.draw(data, options);
}
这成功地将chartArea的背景颜色更改为灰色,这很棒.但现在我想实现一个从图表的左下角到右上角的渐变,包含3种颜色(绿色到黄色到红色).
有没有办法将其破解到图表中,因为我一直试图在文档中找到任何内容,只能找到一些旧文档(即:https://developers.google.com/chart/image/docs/chart_params)但无法找到实现这一目标的方法.
谢谢!
推荐指数
解决办法
查看次数
调用chart.draw（）后，Google图表失去缩放
我的Google折线图有问题，我的系统以交互方式提供数据，我需要在更改时以交互方式更新Google图表。为了做到这一点，我chart.draw(...)在每次数据上传期间都打电话给我。不幸的是，进行这样的调用会重置组件的视觉状态。
考虑以下jsfiddle http://jsfiddle.net/1besonf5/83/
如果缩放组件，它将在一秒钟内重置。由于
setInterval(() => chart.draw(data, chartOptions), 3000);
您如何处理这个问题？
推荐指数
解决办法
查看次数
标签 统计
javascript ×5
html ×2
animation ×1
background ×1
charts ×1
fill ×1
gradient ×1
jquery ×1
mysql ×1
php ×1
svg ×1
turbolinks ×1
web ×1