google-visualization 相关问题

Google Visualization API允许基于来自各种来源的数据创建SVG,Flash和图表图表和仪表板。图表/仪表板可以是交互式的,自动更新的,并包含在网页和Web应用程序中。

自定义工具提示不起作用(Google 图表)

我目前正在研究谷歌图表并尝试实现自定义工具提示。它仍然显示基本的默认工具提示。 文档 - https://developers.google.com/chart/interactive/docs/

回答 1 投票 0

Google Charts API 如何在以秒数形式传递值时将条形图值显示为小时:分钟:秒

我有一个组合图,其中的条形显示每周的平均反应时间秒数。我想将值显示为 HH:MM:SS 或 MM:SS 而不是仅显示上面的秒数...

回答 1 投票 0

如何在Google时间轴图表中雇用点击功能

我正在使用 Google 时间线图表并希望雇用点击功能。只需单击彩色矩形或文本时,我就希望显示引导程序模态。 google.charts.load("当前", {包...

回答 1 投票 0

无法点击谷歌图表API中的标签

我是 javascript 新手,我正在使用 google Chart api 创建图表。我想单击下图中显示的左侧标签。所以,我的问题是我们可以点击左侧标签吗? ...

回答 2 投票 0

季度日期中的 Google 可视化组合图显示太多 hAxis 标签

如何消除 hAxis 上的冗余标签? 我的数据集有 8 个代表过去 8 个季度的月初日期。我获得了很多我无法获得的额外 hAxis 标签

回答 1 投票 0

Google 图表不显示数据

我在使用 Google Chart、Twig 和 Symfony 时遇到问题。我对一个函数进行 ajax 调用,该函数将数据发送到 js 函数绘制图表。我在图表之外显示了数据,并且运行良好...

回答 1 投票 0

如何在 ASP.NET 中使用 Google Charts API JavaScript 将条形标签显示为绝对值而不是负值

我有一个堆积条形图,我想将显示的条形标签值更改为绝对值而不是负值。我使用负值只是为了正确绘制图表,

回答 1 投票 0

如何使用 ASP.NET JavaScript 中的 Google Charts API 仅移动负方向绘制的条形堆积条形图标签位置

我正在创建一个堆积条形图,比较两个不同年份的季度结果。一年绘制为正值条形图,第二年使用结果值 * -1 绘制,所以...

回答 1 投票 0

从 Google 图表中删除填充或边距

//加载可视化API和饼图包。 google.load('可视化', '1.0', {'packages':['corechart']}); // 设置加载 Google Visualization API 时运行的回调。 克...

回答 7 投票 0

Google 图表:重叠条形 - 将最新内容放在前面

这是我使用 Google Charts 绘制的条形图的图片以及右侧的相应值。 X 轴是日期轴 正如您在表中看到的,2017 年 1 月 16 日有两个值 (100 &...

回答 1 投票 0

如何在 ASP.NET 项目中使用 Google Chart API JavaScript 将辅助轴线值格式化为百分比

我的图表由主垂直轴上的 2 个堆叠条形图和辅助轴上的一条线组成。我的辅助 vAxis 格式为 % 并按我想要的方式显示,但是,各个数据点...

回答 1 投票 0

重绘Google图表而不刷新页面

如果 api 有新数据,我有一个刷新页面数据的按钮。它能够刷新我的数据表,但不能重新绘制谷歌图表。我使用这个模块将谷歌图表集成到我的项目中

回答 3 投票 0

如何用渐变颜色填充GoogleCharts AreaChart中的区域?

使用我的谷歌图表,我使用以下选项: 图表选项:{ h轴:{ 标题:“任务” }, 垂直轴:{ 标题:'持续时间...

回答 2 投票 0

如何在 Google 脚本中调试 HtmlService 中的 JavaScript

我在 Google HTMLService(Google 脚本中的 html 窗口)中的 JavaScript 中找不到语法错误。我的工作涉及谷歌可视化,这需要这个。这是我的第一次经历...

回答 2 投票 0

结合 Google 图表的烛台图和折线图时“最后一个域没有足够的数据列”

我正在尝试渲染 CandleStick 图表和折线图。 这是我的失败示例的 JSFiddle:https://jsfiddle.net/7wyp6yy3/1/ 这是我的 CandleStick 图表的 JSFiddle:https://

回答 4 投票 0

将图表图像保存在特定位置GWT

我有以下代码来保存谷歌聊天中的图像: 我的 HMTL: 函数 getImgData(chartContainer) { var ChartArea = ChartContainer.getElementsByTagName('iframe') [0].

回答 1 投票 0

如何在谷歌图表中使用php循环

我研究了很长时间,似乎不知道如何让它发挥作用。 我正在使用 google 折线图,我想用 php 循环中的数据填充图表。 我尝试过以下

回答 1 投票 0

部署时 Geochart“请求的地图不存在”

通过使用可视化 API,我已经能够获取秘鲁的本地地图(按省份),并在本地开发我们的应用程序时使其正常工作。 用于显示地图的代码是

回答 2 投票 0

Google 饼图切片 3d

我正在 js 中制作小饼图视觉效果,并使用 Google 图表 SDK 来实现相同的效果 一切正常,但是当我切片馅饼并旋转馅饼起始角度时,切片的馅饼不会出现在 3D 中

回答 1 投票 0

google 字符通行证数据

我有一段使用谷歌图表API的代码 谷歌.负载('</desc> <question vote="-1"> <p>我有一段使用谷歌图表API的代码</p> <pre><code> &lt;script type=&#34;text/javascript&#34; src=&#34;http://www.google.com/jsapi&#34;&gt;&lt;/script&gt; &lt;script type=&#34;text/javascript&#34;&gt; google.load(&#39;visualization&#39;, &#39;1&#39;, {packages: [&#39;annotatedtimeline&#39;]}); function drawVisualization() { var data = new google.visualization.DataTable(); data.addColumn(&#39;date&#39;, &#39;Date&#39;); data.addColumn(&#39;number&#39;, &#39;Artist&#39;); data.addRows([ [new Date(2008, 1 ,1), 30000], [new Date(2008, 1 ,2), 14045], [new Date(2008, 1 ,3), 55022], [new Date(2008, 1 ,4), 75284], [new Date(2008, 1 ,5), 41476], [new Date(2008, 1 ,6), 33322] ]); var annotatedtimeline = new google.visualization.AnnotatedTimeLine( document.getElementById(&#39;visualization&#39;)); annotatedtimeline.draw(data, {&#39;displayAnnotations&#39;: true}); } google.setOnLoadCallback(drawVisualization); &lt;/script&gt; &lt;div id=&#34;visualization&#34; style=&#34;width: 800px; height: 400px;&#34;&gt;&lt;/div&gt; </code></pre> <p>这有效。 </p> <p>但是,如果我将数据定义放在函数drawVisualization之外并向其传递数据,如下所示,它将不起作用。为什么会出现这样的情况呢? </p> <pre><code> google.load(&#39;visualization&#39;, &#39;1&#39;, {packages: [&#39;annotatedtimeline&#39;]}); function drawVisualization(data) { var annotatedtimeline = new google.visualization.AnnotatedTimeLine( document.getElementById(&#39;visualization&#39;)); annotatedtimeline.draw(data, {&#39;displayAnnotations&#39;: true}); } var data = new google.visualization.DataTable(); data.addColumn(&#39;date&#39;, &#39;Date&#39;); data.addColumn(&#39;number&#39;, &#39;Artist&#39;); data.addRows([ [new Date(2008, 1 ,1), 30000], [new Date(2008, 1 ,2), 14045], [new Date(2008, 1 ,3), 55022], [new Date(2008, 1 ,4), 75284], [new Date(2008, 1 ,5), 41476], [new Date(2008, 1 ,6), 33322] ]); google.setOnLoadCallback(function(){drawVisualization(data)}); &lt;/script&gt; &lt;div id=&#34;visualization&#34; style=&#34;width: 800px; height: 400px;&#34;&gt;&lt;/div&gt; </code></pre> <p>非常感谢!</p> </question> <answer tick="false" vote="0"> <p>您没有将 <pre><code>data</code></pre> 传递给它 - 您需要它作为参数,但 <pre><code>google.setOnLoadCallback</code></pre> 没有传递它。删除 <pre><code>data</code></pre> 参数,它应该可以工作:</p> <pre><code>function drawVisualization() { //&lt;-- Note there is no parameter. var annotatedtimeline = new google.visualization.AnnotatedTimeLine( document.getElementById(&#39;visualization&#39;)); annotatedtimeline.draw(data, {&#39;displayAnnotations&#39;: true}); } </code></pre> </answer> </body></html>

回答 0 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.