想要在颤动的应用程序中显示雷达图表-Java 学习之路

我想在颤动的应用程序中显示雷达图表 . 我找到了这个库：this但我不知道如何使用flutter app进行这项工作，我没有找到任何明确的例子 . 我也对图书馆的其他目的开放，在我的应用程序上使用雷达图表 . 我绑了这个：

import 'package:flutter/material.dart';
import 'package:modern_charts/modern_charts.dart' as cart;


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

class MyApp extends StatefulWidget {
  @override
  _MyAppState createState() => new _MyAppState();
}

class _MyAppState extends State<MyApp> {
 static var table =  cart.DataTable(
    [
        ['Categories', 'Series 1'],
        ['Monday', 1],
        ['Tuesday', 3],
        ['Wednesday', 4],
        ['Thursday', null],
        ['Friday', 3],
        ['Saturday', 5],
        ['Sunday', 4]]);

// Define user options.
static var options = {
  'series': {
    'labels': {
      'enabled': true
    }
  }
};
static Center centre = Center();

// Create and render the chart.
var chart = cart.RadarChart(centre)
..draw(table, options);


  @override
  Widget build(BuildContext context) {
    return new MaterialApp(
      home: new Scaffold(
        appBar: new AppBar(
          title: new Text('Plugin example app'),
        ),
        body: centre,
        ),
      );

  }
}

提前致谢 .

2 回答

1
我知道这个问题已经过时了，但我也在为此寻找一个图书馆，并认为我会分享以防其他人遇到这个问题 .

我找不到任何可以做蜘蛛/雷达图表的东西，所以我写了一个简单的库来满足我的要求 . 它没有很多功能，但效果很好 .

免责声明：我写了这个库

https://pub.dartlang.org/packages/spider_chart

以下是它的外观示例：

以及用法示例：
```
Center(
  child: Container(
    width: 300,
    height: 300,
    child: SpiderChart(
      data: [
        7,
        5,
        10,
        7,
        4,
      ],
      maxValue: 10, // the maximum value that you want to represent (essentially sets the data scale of the chart)
      colors: <Color>[
        Colors.red,
        Colors.green,
        Colors.blue,
        Colors.yellow,
        Colors.indigo,
      ],
    ),
  ),
)
```
希望这有助于某人！
回复于 2024-05-04T09:16:36+08:00
1

您要使用的包是用于Web . 以下是Flutter的一些软件包：

fcharts

charts_flutter

flutter_circular_chart

flutter_sparkline

flutter_candlesticks

您还可以使用动画创建自己的图表，并在Flutter中绘制帮助程序 .

回复于 2024-05-04T09:16:36+08:00

想要在颤动的应用程序中显示雷达图表

2 回答

相关问题