spline_chart 0.0.2 copy "spline_chart: ^0.0.2" to clipboard
spline_chart: ^0.0.2 copied to clipboard

Spline chart library for Flutter. Spline chart is a line chart that uses curves instead of straight lines.

example/lib/main.dart

import 'package:flutter/material.dart';
import 'package:spline_chart/spline_chart.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        // This is the theme of your application.
        //
        // Try running your application with "flutter run". You'll see the
        // application has a blue toolbar. Then, without quitting the app, try
        // changing the primarySwatch below to Colors.green and then invoke
        // "hot reload" (press "r" in the console where you ran "flutter run",
        // or simply save your changes to "hot reload" in a Flutter IDE).
        // Notice that the counter didn't reset back to zero; the application
        // is not restarted.
        primarySwatch: Colors.blue,
      ),
      home: const SplineChartDemo(),
    );
  }
}

class SplineChartDemo extends StatelessWidget {
  const SplineChartDemo({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Container(
      color: Colors.white,
      child: Row(
        mainAxisAlignment: MainAxisAlignment.spaceAround,
        children: [
          SplineChart(
            values: {0:10,15:30,60:40,44:50,80:50,100:90},
            //values: {0:10, 7.69 :52, 15.38 :74, 23.08 :1464, 30.77 :942, 38.46 :2433, 46.15 :2379, 53.85 :3820, 61.54 :2750, 69.23 :2739, 76.92 :3057, 84.62 :1598, 92.31 :1450,100:630},
            //values: {0.0: 583.0, 50.0: 972.0, 100.0: 910.0},
            verticalLineEnabled: false,
            verticalLinePosition: 90.0,
            verticalLineStrokeWidth: 2.0,
            verticalLineText: "Your score",
            drawCircles: true,
            circleRadius: 4,
            width: 320,
            height: 400,
          ),
        ],
      ),
    );
  }
}
8
likes
140
points
86
downloads

Publisher

verified publishermedicaljoyworks.com

Weekly Downloads

Spline chart library for Flutter. Spline chart is a line chart that uses curves instead of straight lines.

Homepage
Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

flutter, intl

More

Packages that depend on spline_chart