问题标签 [angular-chart]

我在 angularJS 中有一个使用 angular-chart.js 的圆环图。

HTML 文件：

JS文件：

这是小提琴： angularJS DoughnutChart

我需要在图表的中心添加一个文本并删除图例和工具提示。请帮忙！

此外，我遇到了一个 angularJS 指令，用于相同的AngularJS donut Directive。我想使用这个指令来创建图表。任何工作的 jsFiddle 都将不胜感激。

谢谢

我有一个使用 angular-charts.js 预先配对的 angularJS 圆环图。我需要在图表中添加一个透明范围（该范围应该采用背景的颜色。我还需要在图表中的特定点添加一个标记）。这可以使用charts.js和角度来完成吗？

我正在尝试编写一个应用程序来显示来自 API 的一些数据，并且在工作期间我将能够更改我想在图表上显示的时间和日期范围。

现在我正在与基本数据更改作斗争。

我有一个简单的图表代码：HTML：

和 JS：

当然，它只是较长代码的一部分。我想要这部分做的是用ReloadChart()函数中的新数据重新加载图表。但问题是没有任何改变。在控制台中，我有“重新加载图表”，但图表仍然相同。

我究竟做错了什么？

我正在使用angular-chart.js（它使用Chart.js）来创建一个条形图，下面还有一个表格显示相同的数据。

我遇到的问题是，当我更改正在显示的数据时，Y 轴标签会更改宽度并使所有内容不对齐，例如：

图表和表格在第一张图片中对齐，但是当数据发生变化时（最大 Y 轴标签 3 个字符从 4 个减少），它看起来像第二张图片。

我在 chart.js 文档中找不到任何内容，有没有办法可以全局设置 Y 轴标签的宽度？

在本地一切正常，但我似乎无法弄清楚部署时出了什么问题。

似乎缺少某些东西，但所有必要的文件都以正确的顺序存在：

它不断抛出以下错误：

我没有使用指令，所以这一定是 Angular-Chart 问题？

有任何想法吗？

这：

为 bezierCurve 属性生成预期结果，但不更改 Y 轴的起始值。它被窃听了吗？还是我需要在这里指定另一个属性？

我正在使用Angular Charts来实现我想要的，昨天我做到了，但现在我的客户想要一些改变，这是我收到的数据：

这是我用来在图表中呈现该数据的代码，现在我只是在玩"conversions : {}对象的一部分，其中包含total和amount

这里是 HTML

这是结果

一个要求是现在我应该只在图表中显示“金额”属性，这意味着灰线应该从图表中消失，另一个要求是我需要将它放在你在那里看到的那个工具提示中：

$ 金额（总计）在这种情况下为 $150 (1)

那么，在这种情况下，您建议我做什么？有没有办法做到这一点 ？

我正在使用此代码将角度图表导出为图像。

var canvas = document.getElementById(chartUnqId);

var content = canvas.toDataURL("image/png");

scope.chartImageUrl = 内容；

这工作正常，但它不包括图像中的图例。我需要我的图例和画布另存为 png。

这是我的笨蛋。我已将 json 对象传递给图表，我想将width 100%折线图和高度设置为 100px，但是当我们最小化高度时，css 无法正常工作。该图表不采用其父 div/面板的高度和宽度。

我正在使用角度图表在我的页面上创建条形图。我只希望将高度设置为 80，这样它就不会占用我的页面太多。问题是，当页面大小减小时，例如在移动设备上，图表会自行挤压，因此不清晰。如果我没有设置画布高度，那么它在桌面上太大了，但在小于 768px 的屏幕尺寸上看起来很棒。

当屏幕尺寸高于 768 像素时，如何将画布高度设置为 80，并让它默认为任何较小的尺寸。或者将画布高度设置为高于 768 像素的 80 和任何更小的画布高度为 150。

我一直在拔头发试图弄清楚这一点。

HTML：

我尝试了一些不同的东西，但画布大小根本没有改变。

这是我的最后一次尝试：

我应该注意，我试图保持画布宽度覆盖屏幕的整个宽度。这就是为什么我在较小的屏幕上获得挤压效果的原因。

这是我一直在使用的代码笔：点击这里

这是小屏幕上的挤压效果：

当我尝试使用媒体查询并使用 CSS 设置高度时会发生以下情况（我认为有必要使用 javascript 设置）：