TECHTOGOU

google-visualization

全部标签

javascript - 当主轴为 typeofday 时,如何为 LineChart 设置 hAxis.viewWindow.max?

我需要画一个图表来实时显示数据在一天内的演变情况。我一直在玩GoogleChartsPlayground看看它是如何可视化的,但我无法设置hAxis.viewWindow.max选项,以使X轴固定。这是我用来测试的代码:functiondrawVisualization(){//Createandpopulatethedatatable.vardata=newgoogle.visualization.DataTable();data.addColumn('timeofday','x');data.addColumn('number',&#

javascript - Google Visualization API - 德国地理 map 区域

在新geomap包版本发布后我好像有一个在德国地区使用地理map的问题。升级之前的一切似乎工作得很好。问题是如果我尝试同时展示DE-BE(柏林)和DE-BB(勃兰登堡)地区-柏林地区是未显示。如果我删除区域DE-BB,或将其替换为任何其他德国地区,例如,DE-BY(拜仁)它运行良好!请找到下面的测试代码:google.load('visualization','1.1',{packages:['geomap']});functiondrawVisualization(){vardata=newgoogle.visualization.Da

javascript - 谷歌图表 "K"而不是数千

我使用谷歌图表工具(https://developers.google.com/chart/)来显示数据,有时我的值非常高(100.000+)。我的图表尺寸很小,100.000放不下,但100k可以。如果值高于10k,我是否可以配置vAxis以“K”显示vAxis上的数字? 最佳答案 简而言之,options['vAxis']['format']='short'; 关于javascript-谷歌图表"K"而不是数千,我们在S

javascript - 从 Perl 发送 JSON 日期到 google charts API

我有一个小型dancer应用程序,它提供一些HTML(包括调用googlechartsAPI的javascript)和其他URL查询数据库,并以可以传递给google.visualization的形式返回编码JSON格式的数据。数据表。javascript在dancer应用程序中查询JSON数据,然后将其传递到googlechartsAPI-一个简化版本是:<scripttype="text/javascript"src="https://www.google.com/jsapi"></script><scripttype=

javascript - 首次加载图表时的 Google 可视化动画

我想知道是否可以在第一次绘制图表时将动画应用于图表?不仅在数据发生变化时?谢谢! 最佳答案 更新的答案Google更新了图表选项并添加了在图表首次绘制时设置动画的选项。所以你唯一要做的就是在选项中将其psecify如下:varoptions={animation:{duration:1500,startup:true//Thisisthenewoption}};因此您不必在开始时加载空图表或进行任何其他修改。DEMO 关于javascript-首次加载图表时的Google可视化动画,我们

javascript - 如何在 Google Chart 中设置轴步长?

我想知道如何在由JavaScript构建的谷歌图表中设置轴步长?我用它来设置最小值和最大值:vAxis:{title:'temps(ms)',viewWindowMode:'explicit',viewWindow:{max:180,min:0},}例如,我需要添加其他约束以将垂直步长固定为0.1。 最佳答案 最后我发现了一个技巧:vAxis:{title:'temps(ms)',viewWindowMode:'explicit',viewWindow:{//max:1

javascript - 如何仅在 jqplot 中将 y 轴值显示为整数

如何让y轴的值变成整数?我目前的值是0.01.01.52.02.53.0。我想把它改成这样的东西0123等等......谢谢!干杯! 最佳答案 如果我明白你想要什么,就是在y轴上显示整数值。试试这个,axesDefaults:{min:0,tickInterval:1,tickOptions:{formatString:'%d'}} 关于javascript-如何仅在jqplot中将y轴值显示为整数,我们在StackOverflow上找到一个类似的问题:

javascript - 谷歌图表趋势线不显示

我有一个Google图表折线图,我想在其中显示趋势线,但它没有显示。数据是从数据库中获取的,javascript是由PHP生成的,但生成的javascript如下所示:<scripttype="text/javascript"src="https://www.google.com/jsapi"></script><scripttype="text/javascript">//LoadtheVisualizationAPIandthepiechartpackage.google.load('vis

javascript - 如何在 Google GeoChart 中使用不同的颜色

我了解如何使用GeoChart显示连续统一体中的数据(即温度)。但是如何配置它以显示不同的数据集(共和、民主、独立的国家)?这可能吗?谢谢! 最佳答案 您还可以通过稍微修改数据并为标签使用格式化值来解决此问题。您应该能够将以下代码粘贴到here中以查看示例:functiondrawVisualization(){vargeoData=newgoogle.visualization.DataTable();geoData.addRows(2);geoData.addColumn('string','State&

javascript - 谷歌图表编号格式

我需要设置饼图和柱形图的格式,以便在您将鼠标悬停在图表上时以货币格式($###,###)显示$和逗号。现在,它显示的是数字和百分比,但数字显示为#####.##这是我的代码。任何帮助将不胜感激。//LoadtheVisualizationAPIandthepiechartpackage.google.load('visualization','1.0',{'packages':['corechart']});//SetacallbacktorunwhentheGoogleVisualizationAPIisloaded.g