我是 Chart.js 和 ng2-charts 的新手。我希望在 ng2-charts 中重写 chart.js 中的这个功能。它甚至可能吗？

这是我的小提琴：https ://jsfiddle.net/haq5k2mw/

我在我的 ionic 2 项目中使用ng2-charts来绘制折线图。我需要在 (chartClick) 事件中访问图表数据点集合。为此，我需要访问图表的基本 chart.js 对象。有没有办法可以访问图表对象？

HTML：

打字稿：

我在使用 ng2-charts 时遇到问题。错误图片

这是我的 systemjs 配置代码

angular2-polyfills.js:138 Uncaught SyntaxError: Unexpected token < Evaluating localhost:48512/ng2-charts/ng2-charts Error loading localhost:48512/app/boot.jsrun @ angular2-polyfills.js:138 无法解析 SourceMap: localhost :48512/js/system.js.map

我正在尝试ng2-charts在 Angular 2 应用程序中使用但遇到问题

应用程序.ts

无问题显示

我正在使用 ng2-charts ( https://github.com/valor-software/ng2-charts ) 为我的 Angular 2 应用程序创建折线图。该图表工作正常 - 当您将鼠标悬停在某个点上时，该点会自动变为白色，以说明它正在被鼠标悬停。我想通过代码手动模仿这种行为。

当您单击时，将鼠标悬停在一个点上，我有单击事件返回包含图表的对象（见图）。从该对象中，我设法找到了一些似乎控制点半径的值：_model.hitRadius、_model.radius、_view.hitRadius 和 _view.radius（见图）。

我尝试在代码中更改这些值，但图表点没有任何反应。

我也尝试在更改值后添加“e.update()”，但我收到一条错误消息，提示 update() 不是函数。

源代码在： https ://github.com/DeronLee/Fitness.git

它已经在屏幕上没有任何输出的情况下工作。

我只是关注http://valor-software.com/ng2-charts/并想添加一些图表。我尝试了条形图和折线图。一切正常，但图表总是什么都没有。

组件文件：

html

我在 Angular 2 Web 应用程序中使用ng2-charts组件来显示图表。现成的示例让我对使用 Angular 和 TypeScript 在我的网页上显示图表有了一个很好的认识

我的 HTML 网页中的 Angular 标签

打字稿

但是，在多个数据小部件的情况下，每个小部件都有一个图表组件。我应该如何将数据绑定到图表？

我遍历siteData对象列表以查找状态属性。将此属性分配给图表数据。

但是，这不起作用。它接受数据作为字符串。！！！

即例如：如果状态（数据类型编号）为 85，则在该行中

然后图表将其分别接受为“8”和“5”。

但是，如果我用一个简单的标签验证这一点，像这样使用

小胡子（双卷曲大括号）

我做我需要的数据。即85 被打印出来

不确定将数据分配给图表时哪里出错了。

非常感谢任何正确方向的指导

Chart.js支持气泡图，但ng2-chart文档没有提及它们。是否可以使用 构建气泡图ng2-charts？任何指向工作示例的指针都会很棒。

注意：在 github 上交叉发布

mychart.component.ts

mychart.component.html

我使用g2-chart，控制台没有任何错误。chrome中没有任何显示，我使用mac os。在 html 页面中，我可以找到 png 图像，但是是空白的：

有人可以帮助我，发生了什么。

我按照 ng2-charts 演示页面上的说明进行设置。我正在使用 angular-cli，所以我还使用 System.JS 导入了包。然后我复制了演示代码，但它不会显示。正在创建画布，但未绘制图表。我的组件和模板代码和这里完全一样。