答案 0 :(得分:5)
Angular2(与Angular1不同)不需要Angular特定的实现,您可以自由使用任何第三方库并将它们组合在一起,因此ng2可以充分利用jQuery库并绑定它们。
我最近有使用ChartJS,ChartJS2,HighCharts和D3JS的经验。
D3JS就像jQuery,但仅适用于图表。它要求您从头开始构建图表,定义轴和所有内容。这使得使用它非常耗时(但提供了极大的灵活性)。一般来说,您没有时间投资D3。但是,有些库可以与D3一起使用来简化C3等过程。
如果您想要更快的结果,请使用Highcharts或ChartJS2。如果你愿意花钱,HighCharts是最好的选择。它非常专业和强大。它允许您生成混合图表类型 - 例如条形图与折线图和东西。真的很方便。
或者,ChartJS既便宜又开朗,但却能胜任。你只限于图表类型,但它是免费赠品。
我已成功动态地将图表数据与Angular2中的所有这三个库绑定,因此它很有可能。您将看到一大堆数据绑定图表实现on my GitHub。
(大多数图表示例都是在很早的时候在Angular2中完成的,所以这些日子的代码可能不一样,但如果你需要,它会让你知道如何处理动态数据绑定。)