想在颤振应用中显示雷达图答案

【问题标题】：want to show a radar chart in flutter app想在颤振应用中显示雷达图
【发布时间】：2019-09-02 13:28:21
【问题描述】：

我想在 Flutter 应用中显示雷达图。我找到了这个库： this 但我不知道如何使用颤振应用程序进行这项工作，也没有找到任何明确的例子。我也对图书馆的其他用途持开放态度，以便在我的应用程序上使用雷达图。我已经绑定了这个：

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,
        ),
      );

  }
}

提前致谢。

【问题讨论】：

标签： dart flutter

【解决方案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,
      ],
    ),
  ),
)

希望这对某人有所帮助！

【讨论】：

有什么办法可以用文字标签代替 UI 上的数字？

【解决方案2】：

任何人都在寻找更多定制版本的雷达图，我制作了一个包“multi_charts”，它提供雷达/蜘蛛图并且有很多定制。请在此处查看Multi Charts

【讨论】：

【解决方案3】：

您要使用的包是用于网络的。以下是一些 Flutter 的包：

fcharts

charts_flutter

flutter_circular_chart

flutter_sparkline

flutter_candlesticks

您还可以在 Flutter 中制作带有动画和绘图助手的自己的图表。

【讨论】：

你有什么教程可以制作我自己的图表吗？
不，我没有。您可以观看动画和画布教程，然后检查我上面提到的库的源代码。这样您就可以了解图表小部件的概念。但我不建议您编写自定义图表小部件，除非您真的需要一个。谷歌的官方图表包有很多不同的图表，我想你可以在那里找到适合你应用的东西。