swift_charts 1.1.0

Simple charts using dart:html and canvas.

example/example.dart

import 'dart:html';

import 'package:swift_charts/swift_charts.dart';

void main() {

  var dataPoints = {
    1695168000000: 105.5,
    1695254400000: 69.3,
    1695340800000: 50.5,
    1695370000000: 44.2,
    1695427200000: 42.0,
    1695513600000: 17.45,
    1695600000000: 82.4,
    1695686400000: 99.6,
  };

  List<SwiftChart> charts = [];

  charts.add(
      SwiftTimeChart(document.getElementById('timechart1') as DivElement)
        ..setData(dataPoints)
  );

  charts.add(
      SwiftTimeChart(document.getElementById('timechart2') as DivElement)
        ..setLineColor('blue')
        ..setLineWidth(3)
        ..setPointSize(8)
        ..setData(dataPoints.map((key, value) => MapEntry(key * 5, 5 * value)))
  );

  charts.add(
      SwiftTimeChart(document.getElementById('timechart3') as DivElement)
        ..setLineColor('red')
        ..setData(dataPoints.map((key, value) => MapEntry((key / 5).round(), 2 * value)))
  );

  charts.add(
      SwiftPieChart(document.getElementById('piechart1') as DivElement)
        ..setData([
          PieChartItem('w 12', 12, color: 'red'),
          PieChartItem('w 24', 24, color: 'green'),
          PieChartItem('w 123', 123, color: 'blue'),
          PieChartItem('w 35', 35, color: 'orange'),
        ])
  );

  charts.add(
      SwiftPieChart(document.getElementById('piechart2') as DivElement)
        ..setData([
          PieChartItem('20 %', 20),
          PieChartItem('25 %', 25),
          PieChartItem('15 %', 15),
          PieChartItem('30 %', 30),
          PieChartItem('10 %', 10),
        ])
  );

  charts.forEach((element) {element.render();});

  window.onResize.listen((event) {
    charts.forEach((element) {element.render();});
  });
}