angular_modern_charts 0.1.0 copy "angular_modern_charts: ^0.1.0" to clipboard
angular_modern_charts: ^0.1.0 copied to clipboard

outdated

Angular wrapper for the modern_charts library

Angular wrapper for modern_charts by jolleekin@gmail.com #

Includes chart components and models for building data and properties #

Example #

app_component.dart

import 'package:angular/angular.dart';
import 'package:angular_modern_charts/angular_modern_charts.dart';

@Component(
    selector: 'app-component',
    templateUrl: 'app_component.html',
    directives: const [BarChartComponent])
class AppComponent {
  // Create some data (required)
  final barData = BarChartData([
    'Expected',
    'Result'
  ], [
    BarChartColumnData('2016', [350, 415]),
    BarChartColumnData('2017', [450, 489]),
    BarChartColumnData('2018', [500, 581])
  ]);

  // Set some properties (optional)
  final barProperties = BarChartProperties()
    ..height = '600px'
    ..xAxis.title.text = 'Year'
    ..yAxis.title.text = 'Million dollars'
    ..yAxis.minValue = 0;
}

app_component.html

<h1>BARCHART EXAMPLE</h1>
<div>
  <barchart [chartData]="barData"
            [chartProperties]="barProperties"></barchart>
</div>

Output Output

1
likes
0
pub points
17%
popularity

Publisher

unverified uploader

Angular wrapper for the modern_charts library

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

angular, json_annotation, modern_charts, sass_builder

More

Packages that depend on angular_modern_charts