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

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 [email protected] #

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
30
pub points
19%
popularity

Publisher

unverified uploader

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

License

BSD-3-Clause (LICENSE)

Dependencies

angular, json_annotation, modern_charts, sass_builder

More

Packages that depend on angular_modern_charts