Javascript Angular2中的简单条形图

我试图让图表在Angular2中工作，但似乎根本无法让它工作，尽管有其他功能（如Flex Layout）的工作代码库…因此我了解指令、组件、声明构造函数等的基础知识

我已经学习了很多关于D3和Chart.Js的教程，包括，但似乎没有一个能说明我需要或是针对Angulat1的每一步。我已经清除了我下载的大部分LIB的代码，但目前有

“d3”：“^4.5.0”

，

“@swimlane/ngx charts”：“^4.0.1”，

npm'd

---

有谁能概述一下从组件中的硬编码数据数组（例如

[bar1:20，bar2:10]

创建简单基本条形图的步骤吗

你提到了很多不同的图书馆。你到底愿意用哪一个来生成图表？普通的D3.js？Chart.js？ngx图表？我目前正在使用ng2图表，但遇到错误'core.umd.js:3478 TypeError:无法设置[object object]的属性堆栈，该[object]在assignAll（）上只有一个getter（）'我将在此处更新ngx图表的作者emy QuestionAuthor。您可以使用库附带的条形图组件，也可以构建自己的自定义条形图。要使用条形图组件，请查看此处的文档和示例：您必须将数据更改为图表接受的格式。要使用ngx图表的组件构建您自己的自定义条形图，您可以看看这个示例自定义条形图组件：您提到了许多不同的库。你到底愿意用哪一个来生成图表？普通的D3.js？Chart.js？ngx图表？我目前正在使用ng2图表，但遇到错误'core.umd.js:3478 TypeError:无法设置[object object]的属性堆栈，该[object]在assignAll（）上只有一个getter（）'我将在此处更新ngx图表的作者emy QuestionAuthor。您可以使用库附带的条形图组件，也可以构建自己的自定义条形图。要使用条形图组件，请查看此处的文档和示例：您必须将数据更改为图表接受的格式。要使用ngx图表的组件构建自己的自定义条形图，可以查看以下示例自定义条形图组件：