【问题标题】:Charts in Angular 2+Angular 2+ 中的图表
【发布时间】:2018-05-28 09:50:08
【问题描述】:

我想创建一个类似于我所附图片的图表,或者可能是条形图。我正在使用 Angular 4,但我不知道 Angular 中的图表。是否提供参考链接或一些示例代码?

[![图表][1]][1]

【问题讨论】:

    标签: angular graph angular2-forms angular4-forms


    【解决方案1】:

    【讨论】:

    • 我的方法是创建一个 REST API 以 JSON 格式从 MongoDB 获取信息,然后在 Angular 中使用此 JSON 在前端显示数据。我认为这是可能的。开始在 MongoDB 查询中寻找 REST API
    • 谢谢。你知道我附上的地图名称吗?
    • ng-charts 似乎只有一些可用的图表...你能建议其他任何充当 d3.js 包装器的东西吗?我们可以绘制几乎所有类型的图表...
    • >几乎所有图表我强烈建议坚持使用d3.js。我一直在寻找这样的图书馆,但没有任何突破。
    • @amrit swimlane.github.io/ngx-charts 是 d3.js 的 ng2 包装器
    【解决方案2】:

    我们可以通过使用 Syncfusion angular-charts 来满足您的要求。有关 Syncfusion 角度图表 的更多详细信息,请参阅随附的演示和 FT 链接。

    示例:https://stackblitz.com/edit/angular-zo5arc?file=src/app/app.module.ts

    截图:

    金融时报:https://www.syncfusion.com/angular-ui-components/angular-charts

    演示链接:https://ej2.syncfusion.com/angular/demos/#/material/chart/spline

    UG:https://ej2.syncfusion.com/angular/documentation/chart/getting-started

    【讨论】:

    • 您可能应该指出,syncfusion 是一种“付费”产品,而且相当昂贵。我会推荐其他答案中发布的一些免费选项。
    【解决方案3】:

    您可以使用Plotly.js。这不是 Angular 模块,但可以在您的 Angular 应用程序中使用。我就是这么用的。

    还有eCharts我用过,很强大,UI也不错

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-05-20
      • 2018-08-06
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-01-19
      相关资源
      最近更新 更多