Einfaches Linien-Diagramm von AngularJS array
Ich habe eine Webseite mit einer Tabelle gemacht, mit ng-repeat
.
Jetzt möchte ich die Anzeige der Preise ( = {{amount}}
) in das array in einem Diagramm.
Code:
<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>
Nach einigen Recherchen fand ich einige Beispiele:
-
D3js
-
ChartJS
-
Highcharts
Aber ich kann nicht scheinen zu finden, ein tutorial oder ein Beispiel mit einem einfachen Liniendiagramm.
- Wie etwa dieses tutorial?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Versuchen Sie dies:
http://n3-charts.github.io/line-chart/#/