问题标签 [ng2-charts]

我想创建一个链接以允许用户下载显示的图表。我目前试图让它工作的方式是.toDataUrl被认为是一种安全的方式，或者是否有另一种方式来做到这一点。

HTML：

组件：

当我尝试导出时，这是我在控制台中收到的错误消息： Cannot read property 'toDataURL' of null

我有一个显示大量数据的图表，我想让它可滚动，以便舒适地显示图表条 - xaxis 将保持在原位，因为我将在图表中向下滚动以查看更多数据。

这是我到目前为止所拥有的内容：https ://plnkr.co/edit/u9n9VztN7Xb1vkfedthv?p=preview

我该如何调整它以显示大约 5 条，然后向下滚动到剩余的条？

这是与链接有关的问题

我正在尝试使用圆环图创建组件并传递输入参数颜色来设置圆环颜色段。我正在 ngOnInit() 中初始化图表。悬停（hoverBackgroundColor）的颜色已更改，但背景颜色未更改。我错过了什么吗？

我将 chart-js/ng2-charts 用于 Angular 2 应用程序。

我可以显示条形图，但目前，所有条形都是相同的颜色。我想根据价值有不同的颜色。

可以这样做吗？

我已经使用 npm 安装了 ng2-charts

npm install ng2-charts --save和npm install chart.js --save

然后在下面添加到 index.html

然后在下面添加到 app.module.ts import { ChartsModule } from 'ng2-charts';

但是我在检查控制台时遇到了 ZoneAwareError，我使用的是 Angular 2.4.1 版本。将charts.js安装到angular 2的正确方法是什么？令人惊讶的是，尽管 chart.js 如此受欢迎，但我没有找到关于它在 angular2 中安装的文档，也没有找到它在那里使用的简单示例。

情况：

我希望在您将鼠标悬停在图表上时获得的数字工具提示旁边添加一个百分比。我怎样才能做到这一点？例如，我想在 .%旁边添加一个标志83.33。

错误：

代码：

我的页面上显示了一个 ng2-chart 条形图，但我正在寻找该条的值，例如 5, 7, 9 。

我可以获得标签名称......但无法获得价值。

有没有人这样做过？

我将以下 ChartJS 框架用于 Angular 2 应用程序：

https://github.com/valor-software/ng2-charts

http://www.chartjs.org/

我正在寻找执行以下操作：

1. 在顶部堆叠一个条形图，在其下方堆叠一个折线图——基本上<canvas></canvas>是 HTML 页面上的两个标签。
2. 在其中，它将共享相同的 X 轴值（例如时间）但不同的 Y 轴值（例如条形图将是 1、2、3、4，而折线图将是 A、B、C、D）。
3. 两个图表都将利用相同的chartHover和/或chartClick事件。

理想情况下，我希望用户将鼠标悬停在任一图表上，但共享相同的交互。例如，如果用户将鼠标悬停在条形图上，条形图和折线图上都会出现一条垂直线（反之亦然）。

我想知道是否有人遇到过类似的情况。我正在使用 Chart.js 创建条形图。条形图组件的要求之一是在条形本身上显示条形数据值。我为此创建了一个简单的插件，它可以正常工作，直到我注意到显示错误。

当悬停在任何条形上并显示工具提示时，条形数据值被向下推了一点。我不确定发生了什么。似乎工具提示以某种方式在图表中添加了某种空间。

有没有人遇到过类似的行为？

下面是为添加条形数据值而创建的插件：

更新：创建 JSFiddler 示例后，我意识到此行为与未显示的图例有关。

那么，有什么想法可以在不显示图例的情况下解决这个问题吗？谢谢

https://jsfiddle.net/charleschiu/9fc8n7cb/29/

我正在尝试使用https://valor-software.com/ng2-charts/中的 ng2-charts 示例

它不起作用，我收到此错误 zone.js:642

我安装了

我的组件.html

我的组件.ts

我的 app.module.ts

…………

我的 index.html

完全错误