score:0
angular.module('chartApp', [])
.controller('ChartController', function($scope,$timeout) {
$scope.contcat_list = [
{name:'Abdo Hamoud', chart:'1,5,4,2,5,9,3'},
{name:'Mahmoud Ali', chart:'1,0,7,7,5,9,4'},
{name:'Tamer Hassan', chart:'1,4,3,7,5,9,3'},
{name:'Ahmed Sabry', chart:'1,4,0,7,5,9,7'},
{name:'Khaled Said', chart:'1,0,7,4,5,9,8'}
];
$timeout(function(){ $('.inlinesparkline').sparkline(); },100)
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<script src="https://omnipotent.net/jquery.sparkline/2.1.2/jquery.sparkline.min.js"></script>
<div ng-app="chartApp">
<div ng-controller="ChartController">
<table style="table-layout:fixed; width:100%;">
<thead>
<tr>
<th>Name</th>
<th>Chart</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="row in contcat_list">
<td>{{row.name}}</td>
<td><div class="inlinesparkline">{{row.chart}}</div></td>
</tr>
</tbody>
</table>
</div>
</div>
Source: stackoverflow.com
Related Query
- Highcharts Sparkline chart with dynamic data for table -Angular js
- HighChart Sparkline Chart with dynamic data for the table
- Highcharts display label for pie chart using html table as data source
- modifying Highcharts tool tip with for a bar chart dynamic data
- How to structure Angular with Highcharts and lots of dynamic data
- Add dynamic data to line chart from mysql database with highcharts
- AngularJS for Highcharts with dynamic ajax data
- Splitted bar chart for paired data with highcharts
- highcharts pie chart color for dynamic data
- Add different symbols to highcharts chart with dynamic data
- Extract data series from a JSON array for a Highcharts chart with 2 y-axis
- HTML table as data source for highstock charts using highcharts
- Data Conversion from SQL, C# with Linq to JSON for Highcharts Line chart
- HighCharts angular not working with dynamic data from Angular service
- Highcharts cloud issue with data source when duplicating chart
- Dynamic chart using Highcharts with data from MySQL database
- Highcharts - Column chart with legend for each data
- Highcharts Bubble Chart with dynamic data
- Drawing a dynamic Mixed Bar and Line chart with HIghchart.js with socket.io for live data
- How can i get pie chart with dynamic json data in Angular js
- How to get column chart in angular using highcharts using dynamic data
- Highcharts (highcharts-ng) with ng-repeat worked, But need to pass the data for each chart from the attributes
- Highcharts Dynamic Chart with MySQL Data doesn't reload
- Reload chart data via JSON with Highcharts
- Highcharts - how to have a chart with dynamic height?
- Highcharts not displaying data labels for Pie chart in arabic
- Highcharts Angular with API data
- Alternatives to Highcharts for datasets with 10k data points?
- Highcharts - Global configuration with common code and unique data & Headings
- Show more data on Gauge chart with Highcharts
More Query from same tag
- Skip yAxis gridLines if there is no data in them
- Can I plot a diagonal plotline in highcharts?
- Format function for y-axis title text in highcharts.js
- Arrange the html text inside flag ( HighStock)
- Highcharts - Getting a 3d effect with selected pie chart slices
- How to change JSON Format For load data to Highchart
- Can a Highcharts Polar chart have a logarithmic y-axis?
- How does HighCharts Series.update() handle a new tooltip positioner?
- How to turn off inner padding in highcharts?
- React Highcharts change border color on selected column from local state
- Highstocks how to use hidden navigator with async loading
- Map in Highcharts not display the India map?
- Bars inside highchart is overlapping when exported to PDF
- Highchart is not showing inside bootstrap div
- How can I make a custom line type in high charts
- Highcharts : Display static Y axis labels from array when series data is null , else auto generated label
- Highcharts : Shared Tooltip for non-matching x values
- DataLabels on series with many points
- PHP array to correct json format
- Loading Highcharts data via ajax removes Datalabels
- VueJS App put data from GET request inside an array
- how to display charts/graphs based on user specific data
- Add Annotations to time series with highcharter
- Highcharts HeatMap cell color disappears when hover in Internet Explorer
- Show specific series values in the stack label using highcharts
- highcharts range selector dosen't show plot
- Highcharts convert x-axis time to localtime
- Highcharts: heatmaps - incorrect colors on reversed colorAxis
- How to add multple plotlines for yaxis using highcharts?
- Highcharts: Dynamically size a solid gauge chart