Tag: google visualization

使用jquery ajax进行Google Visualization Gauge动态更新 – 来自json feed: 我有一个来自客户端的REQ，希望在LAMP服务器上看到sysInfo数据的图形表示。对于我们这些喜欢视觉效果的人来说，这里有现场演示。我在谷歌图表上找到了仪表，在他们的演示中，图表正在移动。这就是我向客户展示的内容，这就是他们想要的。只是在经过深思熟虑之后，我很快就意识到他们只是用随机数更新它。所以我试图自己做。我搜索了互联网，我甚至在这里发布了我的问题，但没有人回复。所以，这就是我做的…… 最初，我试图让我的谷歌可视化仪表图表通过ajax更新。我的json feed返回了： [ {“key”:”label1″,”value”:”50.25″}, {“key”:”label2″,”value”:”99.43″}, {“key”:”label3″,”value”:”4.47″}, {“key”:”label4″,”value”:”7.06″} ] 我得到它最初渲染静态图像，但它似乎永远不会更新。我花了一段时间，然后我发现我的价值观引用了他们。问题是＃1：API正在寻找数字数据。这是我第一次使用json服务。我不确定我是否需要以某种方式添加状态：“ok”或者如果我需要做一个eval（），就像许多其他post告诉我的那样。好吧，我也不需要…… 我的脚本如下： // load the visualization api & skin google.load(‘visualization’, ‘1’, {packages:[‘gauge’]}); // draw the initial chart from snapshot data for quick rendering google.setOnLoadCallback(drawChart); // set global vars once DOM finishes $(document).ready(function() […]

jQuery美元符号未定义: 在我获取历史信息的过程中，我尝试使用以下代码。 Chrome调试器表示Uncaught ReferenceError: $ is not defined 。你能建议修复，我真的被卡住了。我只需要在Chrome上工作，我正在使用YQL和Yahoo API。这里是jsFiddle http://jsfiddle.net/pCK5q/1/ google.load(‘visualization’, ‘1’, {‘packages’:[‘annotatedtimeline’]}); google.setOnLoadCallback(drawChart); function drawChart() { var data = new google.visualization.DataTable(); /* historical data code that breaks */ var url = ‘http://query.yahooapis.com/v1/public/yql’; var startDate = ‘2012-01-01’; var endDate = ‘2012-01-08’; var jsonData = encodeURIComponent(‘select * from yahoo.finance.historicaldata where symbol in (“YHOO”,”AAPL”,”GOOG”,”MSFT”) […]

当Google Chart包含在基于jQuery的选项卡中时，它会加载极小的内容: 我正在使用谷歌的折线图几乎完全像演示 – 只有数据已经改变 – 在这个jQuery选项卡插件内部没有修改。可能有50％的时间，图表将加载到400×200，即使它被指定加载到700×250。包含div将具有适当的宽度和高度，但API呈现的图表将在400×200内加载。我怀疑这是因为API尝试渲染时没有显示选项卡。因此，它尝试渲染它认为为null的东西，因此强制自己进入最小的默认分辨率。我的想法是，如果图表的显示可以延迟到单击适当的选项卡，它将解决问题。可悲的是，我不知道该怎么做，而且我的研究也没有成果。我能找到的最接近的是这个post ，但我没有找到任何真正的答案。如果您有任何建议我会很感激，如果有必要，我很乐意跟进更多信息。

谷歌条形图（有filter）每列的栏中有不同的颜色: 下面是我的谷歌图表的JavaScript google.load(‘visualization’, ‘1.1’, {packages: [‘controls’]}); function drawVisualization() { // Prepare the data var data = google.visualization.arrayToDataTable([ [‘Country’, ‘Position’, ‘Prosthethis type’, ‘Units’], [‘Europe’, ‘Aortic’, ‘Mechanical’, 5007], [‘Europe’, ‘Aortic’, ‘Biological’, 15434], [‘Europe’, ‘Mitral’, ‘Mechanical’, 1974], [‘Europe’, ‘Mitral’, ‘Biological’, 3550], [‘France’, ‘Aortic’, ‘Mechanical’, 803], [‘France’, ‘Aortic’, ‘Biological’, 2277], [‘France’, ‘Mitral’, ‘Mechanical’, 229], [‘France’, ‘Mitral’, ‘Biological’, 436] ]); var […]

在隐藏元素中绘制Google Chart: 尝试在没有幸运的情况下在隐藏元素中渲染Google图表。小提琴波纹管有一个带引导标签的例子：小提琴安德鲁在这里得到了一些帮助：如何在显示标签时绘制谷歌图表？但是图表现在可以在我与它交互的任何时候重新渲染（例如使用范围filter）。 HTML代码是： Tab A Tab B Tab C 所有的JS代码都在小提琴中。

ASP.NET页面，加载谷歌图表和threejs有时不起作用: 我正在编写一个ASP.NET页面，它加载3个数据数组（X，Y，Z轴）并在3D动画和2D折线图中显示它们。为此，我使用ThreeJS和Google Chart。我的页面从父页面打开为IFrame。 Chrome上每次都能正常运行。在IE和Firefox中，第一次运行良好但如果我关闭然后重新打开IFrame，我的页面未正确加载：DIV没有以正确的方式定位并且3D动画被渲染但不旋转。我放置了一个“重置按钮”，以测试问题是否在代码中或在加载过程中发生了什么。我的“重置按钮”有效！事实上，点击后，一切都在怀特的地方，动画旋转。我搜索了很多，我在document.ready（）和google.load函数之间看到了一些“冲突”或类似内容……我几乎尝试过任何东西，但仍然没有工作…… 这里有一些代码可以更好地解释 […] google.load(“visualization”, “1”, { packages: [“corechart”] }); […] $(document).ready(function () { //here I initialize my 3D object resetPositions(); }); function resetPositions() { $(‘#graph2DLineChart’).css(‘position’, ‘absolute’); $(‘#graph2DLineChart’).css(‘top’, ‘253px’); $(‘#graph2DLineChart’).css(‘left’, ‘652px’); $(‘#graph2DLineChart’).css(‘background-color’, ‘#ffffff’); $(‘#graph2DLineChart’).css(‘color’, ‘#000000’); $(‘#graph2DLineChart’).css(‘width’, ‘280px’); $(‘#graph2DLineChart’).css(‘height’, ‘300px’); $(‘#graph2DLineChart’).css(‘z-index’, ’50’); $(‘#graph3DContainer’).css(‘position’, ‘relative’); $(‘#graph3DContainer’).css(‘top’, ‘0px’); $(‘#graph3DContainer’).css(‘left’, ‘0px’); […]

谷歌图表格式: 我有以下脚本，我需要修改一点。这是json： [ {“User1”:{“v”: 50.00,”f”: “£100”}}, {“User2”:{“v”: 10.00,”f”: “£20”}}, {“User3”:{“v”: 10.00,”f”: “£20”}}, {“User4”:{“v”: 10.00,”f”: “£20”}}, {“User5”:{“v”: 20.00,”f”: “£40”}} ] 这是脚本： google.load(“visualization”, “1”, {packages:[“corechart”]}); google.setOnLoadCallback(drawChartAjax); function drawChartAjax() { $.ajax({ url: ‘chart_json.aspx’, type: ‘POST’, dataType: ‘json’, success: function(data) { drawChart(data); } }); } function drawChart(json) { var data = new google.visualization.DataTable(); data.addColumn(‘string’, ‘User’); data.addColumn(‘number’, ‘v’); data.addRows(json.length); for(var […]

显示Google柱形图的值: 我有一个使用Google Visualization的柱形图。现在，为了让我看到每个值，我必须在每个图上hover以查看值。例如， 2.82 kbps 我希望在每个图形的顶部或图形内部显示我的所有值。我该如何展示这样的东西？任何提示将非常感谢！

如何在HTML5中以popover显示Google图表: 我刚开始使用HTML5和JQuery。我将在导航栏上的弹出窗口中显示Google柱形图。我有以下代码，但它没有显示popver中的图表。有人可以帮我解决这个问题吗？谢谢。 Elpriser $(“#electricity”) .popover( { placement : ‘top’, html : true, content : ‘Nordpool’ }); google.load(“visualization”, “1”, { packages : [ “corechart” ] }); google.setOnLoadCallback(drawChart); function drawChart() { var data = google.visualization.arrayToDataTable([ [ ‘SE1’, ‘Idag’, ‘Imorgon’ ], [ ‘SE1’, 1170, 460 ], [ ‘SE2’, 1170, 460 ], [ ‘SE3’, 660, 1120 […]

在php数据表中为谷歌图表自定义html工具提示添加属性: 我试图通过将它们添加到数据表中来创建我的谷歌图表中的自定义html工具提示，现在我的数据表正在PHP中创建，如下所示： $datatable = array(‘cols’ => array( array(‘type’ => ‘string’, ‘role’ => ‘domain’, ‘label’ => ‘Month’), array(‘type’ => ‘string’, ‘role’ => ‘tooltip’), array(‘type’ => ‘string’, ‘role’ => ‘domain’, ‘label’ => ‘Omzet’), array(‘type’ => ‘number’, ‘label’ => ‘Omzet ‘.$jaar), array(‘type’ => ‘number’, ‘label’ => ‘Omzet ‘.($jaar-1)), array(‘type’ => ‘string’, ‘role’ => ‘domain’, ‘label’ => ‘Aantal’), array(‘type’ => […]