angular_modern_charts 0.2.0
angular_modern_charts: ^0.2.0

Dart js
Flutter web

Angular wrapper for the modern charts library. This wrapper utilizes core angular concepts such as, component/model/template structure and property bindings.

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
60
pub points
68%
popularity

Angular wrapper for the modern charts library. This wrapper utilizes core angular concepts such as, component/model/template structure and property bindings.

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

dmarlovic83@gmail.com

License

BSD (LICENSE)

Dependencies

angular, json_annotation, modern_charts, sass_builder

More

Packages that depend on angular_modern_charts