https://github.com/nigeltiany/apexcharts
Apex Charts for Dart
https://github.com/nigeltiany/apexcharts
angulardart apexcharts charts dart dart-web
Last synced: 3 months ago
JSON representation
Apex Charts for Dart
- Host: GitHub
- URL: https://github.com/nigeltiany/apexcharts
- Owner: nigeltiany
- License: mit
- Created: 2020-03-15T16:05:35.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-04-07T19:08:43.000Z (over 5 years ago)
- Last Synced: 2025-02-25T19:43:13.785Z (8 months ago)
- Topics: angulardart, apexcharts, charts, dart, dart-web
- Language: JavaScript
- Homepage:
- Size: 1.67 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Dart library for ApexCharts
## Using the library
### Install the library
```yaml
apexcharts:
git:
url: https://github.com/nigeltiany/apexcharts.git
ref: v0.1.0
```
### Install apexcharts
```html
```
### example
```dart
import 'dart:async';
import 'dart:html';
import 'dart:js';
import 'dart:math';
import 'package:apexcharts/main.dart';
void mounted(ApexChart chart, ApexOptions options) {
print('chart mounted');
}
var data = [30,40,35,50,49,60,70,91,125];
var categories = [1991,1992,1993,1994,1995,1996,1997,1998,1999];
var series = ApexAxisChartSeries(
name: 'sales',
data: data,
);
var seriesExampleError = ApexAxisChartSeries>(
name: 'sales',
data: [
ApexAxisChartSeriesData(
x: '',
y: "", // <- Type Error, Should be num
fillColor: '#39f',
strokeColor: '#fef'
)
],
);
var seriesExample = ApexAxisChartSeries>(
name: 'sales',
data: [
ApexAxisChartSeriesData(
x: 23,
y: 45,
fillColor: '#39f',
strokeColor: '#fef'
)
],
);
void main() {
DivElement div = querySelector('#output');
var options = ApexOptions(
chart: ApexChart(
type: 'line',
events: ApexEvents(
mounted: allowInterop(mounted)
),
),
series: [series],
xaxis: ApexXAxis(
categories: categories,
)
);
var chart = ApexCharts(div, options);
chart.render();
Timer.periodic(Duration(seconds: 2), (Timer t) {
categories.removeAt(0);
categories.add(categories.last + 1);
chart.updateOptions(ApexUpdate(
options: ApexOptions(
xaxis: ApexXAxis(
categories: categories,
)
),
redrawPaths: false,
animate: true,
));
data.removeAt(0);
data.add(Random().nextInt(130));
series.data = data;
chart.updateSeries([series], true);
});
}
```