AngularJS数组的简单折线图

时间:2014-01-30 12:14:49

标签: javascript html angularjs charts d3.js

我的网页上有一张用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

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

1 个答案:

答案 0 :(得分:7)

试试这个:

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

  • 建立在D3.js和AngularJS之上
  • 示例包括
  • 超级易于使用角度