问题标签 [gchart]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
369 浏览

ruby-on-rails - rails chartkick gchart 在悬停时删除值(工具提示)

我正在使用chartick,并希望在悬停时从工具提示中删除单词值(下图)。所以我将有 Thu 33,406 而不是 Thu 值:33,406
在此处输入图像描述 是否有可能,因为我没有直接使用谷歌图表?

0 投票
1 回答
92 浏览

graph - 如何整理使用 proc gchart 创建的图形?

我利用proc gchartSAS 和以下代码生成此处显示的图形。

在此处输入图像描述

但是,如您所见,似乎各个变量条非常紧密地堆叠在一起,难以理解。我有 110 个代表种族密度的可变条

我的问题是

  1. 有没有办法让这个图表看起来不那么杂乱(我尝试减小宽度但它似乎不起作用)?

  2. 我应该使用与 g 图表程序不同的程序吗?

0 投票
1 回答
12 浏览

gchart - 谷歌区域图数据挂载

我需要安装单独的标签,例如: 在此处输入图像描述

这是来自谷歌图表的面积图。标签到点的距离可以改变吗?

问候,

0 投票
1 回答
750 浏览

charts - 如何仅在谷歌图表中翻转 x 轴标签

我试图在图表中显示零息债券的价格,随着从 150 天到期到 0 天到期,价格上涨。

但是,当我创建图表时,x 轴上的天数始终显示为上升。有没有办法在不使用接近零的负数的情况下按我的意愿显示图表?

现在的样子图片: 当前的

我希望它看起来如何: 理想的

0 投票
0 回答
87 浏览

c# - 如何在没有无头浏览器的情况下在服务器端创建 Google 图表?

我需要导出一些 pdf,有时会在页面上显示图表数据。我们正在使用 phantomjs 拥有一个无头浏览器,然后将图像从 phantom 获取到 PDF,但这种方法有时很慢。我们正在寻求创建一个更快的解决方案,而无需无头浏览器。

我们的后端是用 C# 构建的。

谁能帮我?

0 投票
1 回答
807 浏览

gchart - 谷歌图表饼图材料设计

我需要在几种类型的图表中显示数据,并且我喜欢 Material design 图表的外观,而不是默认的 google 图表。折线图和条形图工作得很好,但是,饼图在材料设计中似乎不可用......或者至少......我无法让它工作。

在此页面上,Google 声明对于每个核心图表,都可以使用材料设计: https ://developers.google.com/chart/interactive/docs/gallery/barchart

创建材料条形图 2014 年,Google 宣布了旨在支持其在 Google 平台上运行的属性和应用程序(例如 Android 应用程序)的通用外观和感觉的指南。我们将这种努力称为材料设计。我们将提供所有核心图表的“材料”版本;如果您喜欢它们的外观,欢迎您使用它们。

创建材料条形图类似于创建我们现在称为“经典”条形图的东西。您加载 Google Visualization API(尽管使用 'bar' 包而不是 'corechart' 包),定义数据表,然后创建一个对象(但属于 google.charts.Bar 类而不是 google.visualization.BarChart)。

在饼图页面上,完全没有提到材料设计: https ://developers.google.com/chart/interactive/docs/gallery/piechart

我尝试按照上面的说明绘制表格,加载“pie”而不是“corechart”并加载“google.charts.Pie”而不是“google.visualization.PieChart”。这不起作用。

有没有人有一个谷歌饼图在材料设计中工作?还是真的不可用?

0 投票
1 回答
123 浏览

primefaces - PrimeFaces Extensions Gchart 无法正常工作

我正在使用 PrimeFaces 6.1 版。我需要以图表格式显示我的数据。为此,我将 GChart 组件实现为链接https://www.primefaces.org/showcase-ext/sections/gchart/basic.jsf。我在我的表单中添加了链接,点击该链接,我已经渲染了图表。我需要以这种形式显示不同的图表。所以我有不同的面板来显示不同的图表点击不同的按钮。当页面加载并第一次单击链接时,图表会正确呈现。下次当我单击相同的链接时,整个页面变为空白。我在控制台中搜索错误,出现如下错误:在此处输入图像描述

我需要刷新页面才能使我的页面处于工作状态。我尝试通过为 pe:gChart 标记提供 id,当我单击链接图表时出现,并且在下一次单击页面上变为空白,并且由于未定义具有新给定 id 的容器而出现错误。我的视图代码是这样的:

我的托管 bean 代码是这样的:

0 投票
1 回答
53 浏览

primefaces - 动态数据的Gchart实现

我使用 Gchart 以图表形式显示数据。目前图表是静态的。我需要使图表动态化,因为图表值可能会一次又一次地变化。我的代码是这样的:

我需要动态添加行。我怎样才能做到这一点?

0 投票
1 回答
79 浏览

css - 我们如何为 Gchart 添加自定义 CSS?

我需要在我的 Gchart 中添加自定义 css。我可以将索引标签放在同一行中。我还想为索引标签提供自定义字体。在检查页面时,所有索引都在 g 标签内,我为 g 标签添加了 css,但它不起作用。我还需要修改工具提示样式并从每个图表切片中删除“%”。我怎样才能做到这一点?

在此处输入图像描述

我的代码:

0 投票
2 回答
254 浏览

primefaces - 如何在 pe:gChart 的工具提示中显示绝对值

我正在使用谷歌图表在 primefaces 中显示饼图。PrimeFaces 版本是 6.1。目前工具提示有绝对值和百分比。我只想显示绝对值。我的代码是

我需要如下所示的工具提示。

在此处输入图像描述

对于 pieSliceText,chartBuilder.addOption("pieSliceText", "value"); 代码正常工作。如您所见,我添加了chartBuilder.addOption("tooltip.text", "value");根据Google Charts应该可以工作但它不适用于工具提示的内容。