I have a webpage with a table made with ng-repeat.
Now I want to display the prices ( = {{amount}} ) in the array, in a line chart.
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>
After some research I found some examples:
D3js
ChartJS
Highcharts
But I can not seem to find a tutorial or example with a simple line chart.
I have a webpage with a table made with ng-repeat.
Now I want to display the prices ( = {{amount}} ) in the array, in a line chart.
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>
After some research I found some examples:
D3js
ChartJS
Highcharts
But I can not seem to find a tutorial or example with a simple line chart.
Share Improve this question edited Jul 5, 2017 at 13:27 Ganesh Yadav 2,6852 gold badges33 silver badges52 bronze badges asked Jan 30, 2014 at 12:14 EggheadEgghead 7,0275 gold badges22 silver badges40 bronze badges 1- 2 How about this tutorial? – Lars Kotthoff Commented Jan 30, 2014 at 12:18
1 Answer
Reset to default 7Try this:
http://n3-charts.github.io/line-chart/#/
- built on top of D3.js and AngularJS
- examples included
- super easy to use with angular