问题标签 [ng2-google-chart]

使用 ng2-google-charts 和 angular 10 如何将数字格式化为百分比？

我使用“GeoChart”作为图表类型。

图表界面是

您好我刚开始使用谷歌图表，我发现第一列中的标签没有完全显示。我在 Angular 9.0.3 中使用这些图表，并以 ng2-google-charts 作为模块。我尝试更改宽度、高度和许多其他选项，但标签不显示。这是结果图表的图像。

图表的外观图像 -

这是我下面的代码

这是我的模板

我正在尝试使用谷歌图表库制作如下所示的甜甜圈图：

我找到了这篇制作半个甜甜圈的文章，但没有找到在我的图像中创建该甜甜圈的代码。任何人都可以帮忙吗？

我正在使用 angular-google-chart 在我的 Angular 应用程序中实现 google 图表，当 y 轴标签（用红色标记）太长时，它出现在三行中然后显示“...”，我只想要一个一行显示而不是 3，这是如何实现的。非常感谢任何帮助。

我有一个包含面积、条形图和折线图的组合图。我希望面积图和折线图最大限度地与左侧和右侧对齐。对于条形图，它不是必需的。不幸的是，我无法正确对齐图表。我浏览了文档，但找不到解决问题的方法。

当前图表：

预期图表：

这是图表的 GoogleChartInterface 对象（我正在添加 dataTable 和动态刻度）：

我正在使用ng2-google-charts在 Angular 10 项目中构建 geoChart。一切都适用于固定数据，我遇到的问题是我不确定如何格式化（和添加）来自 API 调用的数据。

这是我的 geoChart 属性，可以完美地处理固定数据

这是我从 API 收到的对象 (data.response) --> [{...}, {...}, {...}, {...}, {...}, {...}]

这就是我正在尝试的：

但数据未正确添加：

更新： 我已经更新了我的方法，但是数组没有任何反应。它的大小相同，具有相同的元素。

我想用我创建的 HTML 替换由谷歌图表生成的默认工具提示。我添加了新列{ type: 'string', role: 'tooltip', p: { html: true } }，我还添加了tooltip: { isHtml: true },文档中建议的图表选项，但是我没有替换默认工具提示，而是将我传递的 html 附加在默认值的末尾工具提示。

如何用提供的 HTML 替换整个默认工具提示？

dataTable 对象的前两行：

工具提示：

图表选项：

我有一匹母马试图让名字出现在谷歌条形图上的数据旁边。应该很简单！！查看示例我根本不需要添加任何选项，它们应该默认出现，但它们不会出现。即使我从

https://developers.google.com/chart/interactive/docs/gallery/barchart

它们在没有针对行的名称的情况下呈现。任何人都可以猜测为什么会这样吗？

如果我将 vAxis.textposition 定位为“in”，那么它们确实会出现在栏中，但是当我将它们置于“out”时，它们不会出现。我已将文本颜色配置为黑色，以防它们以白色书写，但它们仍然不会出现。

感激地收到任何帮助或想法

这是使用 google chart api 创建的。由于区域内的条形高度，最右侧条形上的数据标签出现在条形内。但它被包裹在使图表看起来很糟糕的边框中。当数据标签出现在栏中时，有没有办法从数据标签中删除边框？

我正在使用 ng2-google-charts - 4.0.0 版本。我想在列旁边显示 hAxis 文本。我尝试使用 slantedText 和 slantedTextAngle，但它不支持图表内部。如果有人可以提供帮助，那就太好了。