标签: google-visualization
从Google图表中删除填充或边距
// Load the Visualization API and the piechart package.
google.load('visualization', '1.0', {'packages':['corechart']});
// Set a callback to run when the Google Visualization API is loaded.
google.setOnLoadCallback(drawChart);
// Callback that creates and populates a data table,
// instantiates the pie chart, passes in the data and
// draws it.
function drawChart() {
// Create the data table.
var data = new google.visualization.DataTable();
data.addColumn('string', 'Topping');
data.addColumn('number', 'Slices');
var myData = {
'Mushrooms': 3,
'Onions': 1,
'Olives': 1,
'Zucchini': 1,
'Pepperoni': 2
}; …推荐指数
解决办法
查看次数
推荐指数
解决办法
查看次数
PHP MySQL谷歌图表JSON - 完整示例
我已经搜索了很多,以找到一个使用MySQL表数据作为数据源生成Google Chart的好例子.我搜索了几天,并意识到使用PHP和MySQL的组合生成Google Chart(饼图,条形图,列,表)的示例很少.我终于设法让一个例子起作用了.
我之前收到过StackOverflow的很多帮助,所以这次我会回复一些.
我有两个例子; 一个使用Ajax而另一个不使用.今天,我只展示非Ajax示例.
用法:
Requirements: PHP, Apache and MySQL
Installation:
--- Create a database by using phpMyAdmin and name it "chart"
--- Create a table by using phpMyAdmin and name it "googlechart" and make
sure table has only two columns as I have used two columns. However,
you can use more than 2 columns if you like but you have to change the
code a little bit for that
--- Specify column names as follows: "weekly_task" and … 推荐指数
解决办法
查看次数
为什么google.load导致我的页面空白？
嗯,这看起来很奇怪,但我无法找到解决方案.
为什么世界上这个小提琴http://jsfiddle.net/carlesso/PKkFf/显示页面内容,然后当google.load发生时,页面变成空白？
如果google.load立即完成,它可以很好地工作,但延迟使用它根本不起作用.
这里是您的懒惰(或更聪明)的页面源:
<!DOCTYPE html>
<html lang="en">
<head>
<title>Ciao</title>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
</head>
<body>
<h1>Test</h1>
<div id="quicivanno">
<p>ciao</p>
</div>
</body>
<script type="text/javascript">
setTimeout(function() {google.load('visualization', '1.0', {'packages':['corechart']});}, 2000);
</script>
</html>?
推荐指数
解决办法
查看次数
饼图与jQuery
我想用JavaScript创建一个饼图.在搜索时,我找到了Google Charts API.由于我们使用的是jQuery,因此我发现可以使用jQuery 集成Google Charts.
但我的问题是在这里将实际数据发送到Google服务器以创建图表.有没有办法阻止数据发送到Google？我担心将数据发送给第三方.
推荐指数
解决办法
查看次数
谷歌图表重绘/缩放窗口调整大小
如何在窗口调整大小时重绘/重新缩放谷歌线图？
推荐指数
解决办法
查看次数
谷歌图表(JS) - 有没有办法在图表上使用透明背景？
我正在使用Google Charts API在我正在处理的webapp上包含各种图表.我正在使用javascript图表工具(不是图像图表工具),我想知道是否可以在图表上使用透明背景(例如折线图,饼图等)？
推荐指数
解决办法
查看次数
使用谷歌Vis的Graph Goat传送数据.API通过Chrome扩展程序
我刚检查了我的Chromium任务经理,发现我的Goats Teleported计数异常高.我认为创建一个浏览器扩展可能是一个好主意,该扩展通过Google Visualizations API运行山羊传送数据并生成一些不错的报告,因此我可以轻松跟踪它并确保它不会失控.
替代文字http://img820.imageshack.us/img820/4885/screenshottaskmanagerch.png
是否可以Goats Teleported通过chrome扩展API 以编程方式访问计数？您认为我应该如何格式化报告？我想的可能是饼图？
javascript google-chrome google-visualization google-chrome-extension
推荐指数
解决办法
查看次数
与Google Org Chart API相比,是否有更好的javascript组织结构图？
我们使用谷歌org图表API来显示我们的组织结构图.这很好但我们需要支持的东西:
- 一个人向多位经理报告
- 职能领域的负责人.
是否有任何竞争工具可以为上述提供更好的支持.
注意:对于Gorka LLona,他在下面的一个答案中建议了这个解决方案,我发现了一些错误,这里是我使用你的测试示例遇到的问题的截图.
推荐指数
解决办法
查看次数
在Google Charts API中设置硬性最小轴值
我正在尝试构建一个Google Chart来显示正常运行时间和停机时间百分比.除了一件小事之外,它的效果很好 - 我希望图表的基线为99.8,最大值为100 - 因为停机时间通常小于.2,这将使图表可读.
这对我来说似乎很简单.我认为这样可行:
var data = new google.visualization.DataTable();
data.addColumn('string', 'Date');
data.addColumn('number', 'Uptime');
data.addColumn('number', 'Downtime');
data.addRows([
['Dec 1, 1830', 99.875, 0.125],
['Dec 8, 1830', 99.675, 0.325],
['Dec 15, 1830', 99.975, 0.025],
['Dec 22, 1830', 100.0, 0.0]
]);
var chart = new google.visualization.ColumnChart(document.getElementById('chart_div'));
chart.draw(data, {width: 400, height: 240, isStacked: true, vAxis: { title: "Percentage Uptime", minValue: 99.8, maxValue: 100}});
不幸的是,该图表完全忽略了vAxis上的minValue.根据API,这似乎是预期的行为,但这留下了一个问题 - 我将如何实现这一目标？我甚至改变了数据 - 即从所有正常运行时间值中减去99.8,然后让图表从0到.2,这会吐出一个看起来不错的图表,但我不能申请垂直轴上的标签,即99.8,99.85,99.9,无论如何 - 轴表示,非常尽职尽责,底部为0,顶部为.2,似乎也没有办法解决这个问题.这两种解决方案都是可以接受的,我确信有一些方法可以使这项工作成功吗？
推荐指数
解决办法
查看次数