AngularJS数组的简单折线图

Egg*_*ead 3 html javascript charts d3.js angularjs

我有一个带有桌子的网页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>
Run Code Online (Sandbox Code Playgroud)

经过一些研究,我发现了一些例子:

  • D3js

  • ChartJS

  • Highcharts

但我似乎无法找到一个简单折线图的教程或示例.

use*_*643 7

试试这个:

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

  • 建立在D3.js和AngularJS之上
  • 例子包括
  • 角度超级好用

  • 我尝试使用n3-charts(折线图),如果你的数据不是他们想要的具有相同变量名的确切格式,那么他们的图表不起作用并使用你自己的轴或系列不起作用无论是. (2认同)