javascript - 来自 AngularJS 数组的简单折线图

Question

我有一个网页，其中有一个用 ng-repeat 制作的表格。现在我想在折线图中的数组中显示价格 ( = {{amount}} )。

代码:

<table>
    <tr ng-repeat="tx in data.transactions | filter:filterQuery">
        <td>{{tx.date}}</td>
        <td>{{tx.account}}</td>
        <td>{{tx.action}}</td>
        <td>{{tx.amount}}</td>
        <td>{{tx.categorie}}</td>
    </tr>
</table>

经过一些研究，我找到了一些例子:

• D3js

• ChartJS

• Highcharts

但我似乎找不到带有简单折线图的教程或示例。

Answer 1

试试这个:

http://n3-charts.github.io/line-chart/#/

• 建立在 D3.js 和 AngularJS 之上
• 包含示例
• angular super 好用