Flutter图表绘制插件echarts_flutter的使用

Flutter图表绘制插件echarts_flutter的使用

这是一个使在Flutter中绘制图表变得简单的库。它为开发人员提供了一个简单易用的界面，以便为他们的Flutter应用程序创建漂亮的图表。由enechain创建。

功能 🚀

• 📈 线图

为什么使用？ 🎯

• 易于使用：自动计算绘图范围和标签，使其易于使用。当然，用户也可以自定义要显示的标签和使用的范围。
• 美丽的动画：通过归一化数据提供绘制图表时的美丽动画。
• 自定义工具提示：提供可以自定义以显示触摸点处数据的工具提示。

示例 🎬

使用方法 🎨

请参阅eChart Flutter库GitHub存储库中的示例应用。该示例应用包括用于创建线图的示例代码，以及额外的自定义选项。

许可证 📄

该库是在MIT许可证下发布的。

示例代码

import 'package:example/sample1.dart';
import 'package:example/sample2.dart';
import 'package:flutter/material.dart';

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

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

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'eChartFlutter Demo',
      theme: ThemeData(
        appBarTheme: const AppBarTheme(
          backgroundColor: Colors.white,
          foregroundColor: Color(0xFF262626),
          centerTitle: true,
          elevation: 1,
          scrolledUnderElevation: 0,
        ),
        indicatorColor: const Color(0xFF0C00C5),
        tabBarTheme: const TabBarTheme(
          labelColor: Colors.black,
        ),
        primaryColor: const Color(0xFF0C00C5),
        elevatedButtonTheme: ElevatedButtonThemeData(
          style: ButtonStyle(
            backgroundColor: MaterialStateProperty.all<Color>(
              const Color(0xFF0C00C5),
            ),
          ),
        ),
        dividerTheme: const DividerThemeData(
          color: Color(0xFFE5E5E5),
          thickness: 1,
          space: 0,
          indent: 0,
          endIndent: 0,
        ),
      ),
      home: const _MyHomePage(title: 'eChart Flutter'),
    );
  }
}

class _MyHomePage extends StatelessWidget {
  const _MyHomePage({Key? key, required this.title}) : super(key: key);
  final String title;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return DefaultTabController(
        length: 2,
        child: Scaffold(
          appBar: AppBar(
            title: Text(title),
            bottom: const TabBar(
              tabs: <Widget>[
                Tab(
                  text: 'Sample 1',
                ),
                Tab(
                  text: 'Sample 2',
                ),
              ],
            ),
          ),
          body: const TabBarView(
              physics: NeverScrollableScrollPhysics(),
              children: [
                Center(child: Sample1()), // 展示样本1
                Center(
                  child: Sample2(), // 展示样本2
                ),
              ]),
        ));
  }
}