dart_softcorp_dashboard 是一个用于在 Flutter 应用程序中创建企业仪表盘的插件。它提供了丰富的图表、表格和其他可视化组件，帮助开发者快速构建专业的企业级仪表盘。以下是如何使用 dart_softcorp_dashboard 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 dart_softcorp_dashboard 依赖。

dependencies:
  flutter:
    sdk: flutter
  dart_softcorp_dashboard: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入包

在你的 Dart 文件中导入 dart_softcorp_dashboard 包。

import 'package:dart_softcorp_dashboard/dart_softcorp_dashboard.dart';

3. 创建仪表盘

你可以使用 Dashboard 组件来创建一个基本的仪表盘。以下是一个简单的示例：

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

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Dashboard',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: DashboardScreen(),
    );
  }
}

class DashboardScreen extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('企业仪表盘'),
      ),
      body: Dashboard(
        widgets: [
          DashboardWidget(
            title: '销售数据',
            child: LineChart(
              data: [
                LineChartData(
                  label: '2023-01',
                  value: 100,
                ),
                LineChartData(
                  label: '2023-02',
                  value: 200,
                ),
                LineChartData(
                  label: '2023-03',
                  value: 150,
                ),
              ],
            ),
          ),
          DashboardWidget(
            title: '用户增长',
            child: BarChart(
              data: [
                BarChartData(
                  label: '2023-01',
                  value: 50,
                ),
                BarChartData(
                  label: '2023-02',
                  value: 80,
                ),
                BarChartData(
                  label: '2023-03',
                  value: 120,
                ),
              ],
            ),
          ),
        ],
      ),
    );
  }
}

4. 自定义仪表盘

dart_softcorp_dashboard 提供了多种图表和组件，你可以根据需要自定义仪表盘。以下是一些常用的组件：

• LineChart: 折线图，用于显示趋势数据。
• BarChart: 柱状图，用于比较不同类别的数据。
• PieChart: 饼图，用于显示比例数据。
• DataTable: 数据表格，用于显示详细数据。

5. 处理交互

你还可以为仪表盘中的组件添加交互功能。例如，点击图表中的某个数据点可以显示详细信息。

DashboardWidget(
  title: '销售数据',
  child: LineChart(
    data: [
      LineChartData(
        label: '2023-01',
        value: 100,
      ),
      LineChartData(
        label: '2023-02',
        value: 200,
      ),
      LineChartData(
        label: '2023-03',
        value: 150,
      ),
    ],
    onPointTap: (data) {
      print('点击了数据点: ${data.label} - ${data.value}');
    },
  ),
),

6. 样式和主题

你可以通过 ThemeData 来定制仪表盘的外观和风格。例如，修改颜色、字体等。

ThemeData(
  primarySwatch: Colors.blue,
  textTheme: TextTheme(
    headline6: TextStyle(fontSize: 18, fontWeight: FontWeight.bold),
  ),
),

7. 响应式布局

dart_softcorp_dashboard 支持响应式布局，可以根据屏幕大小自动调整布局。你可以使用 MediaQuery 来获取屏幕尺寸，并根据需要调整布局。

body: LayoutBuilder(
  builder: (context, constraints) {
    if (constraints.maxWidth > 600) {
      return Dashboard(
        widgets: [
          // 大屏幕布局
        ],
      );
    } else {
      return Dashboard(
        widgets: [
          // 小屏幕布局
        ],
      );
    }
  },
),

8. 数据绑定

你可以将仪表盘与后端数据绑定，动态更新图表和表格。例如，使用 FutureBuilder 或 StreamBuilder 来获取数据并更新 UI。

FutureBuilder<List<LineChartData>>(
  future: fetchSalesData(),
  builder: (context, snapshot) {
    if (snapshot.connectionState == ConnectionState.waiting) {
      return Center(child: CircularProgressIndicator());
    } else if (snapshot.hasError) {
      return Center(child: Text('加载数据失败'));
    } else {
      return LineChart(
        data: snapshot.data!,
      );
    }
  },
),