Graphaello

License

🎨 О Graphaello

Graphaello β€” это ΠΏΠ°ΠΊΠ΅Ρ‚ Π²ΠΈΠ΄ΠΆΠ΅Ρ‚ΠΎΠ², ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΠΎΠΌΠΎΠ³ΡƒΡ‚ Π’Π°ΠΌ Ρ€ΠΈΡΠΎΠ²Π°Ρ‚ΡŒ красивыС ΠΈ кастомизируСмыС Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ. Основная ΠΏΡ€ΠΈΡ‡ΠΈΠ½Π° Π΅Π³ΠΎ создания - отсутстуиС Ρ…ΠΎΡ€ΠΎΡˆΠΈΡ… Π°Π»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ² срСди Российского сСгмСнта.

πŸ“¦ ВозмоТности

  • ΠšΡ€ΡƒΠ³ΠΎΠ²Ρ‹Π΅ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΡ‹: Визуализация Π΄Π°Π½Π½Ρ‹Ρ… Π² Π²ΠΈΠ΄Π΅ частСй Ρ†Π΅Π»ΠΎΠ³ΠΎ.
  • Π’ΠΎΡ‡Π΅Ρ‡Π½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ: Для отобраТСния Π΄Π°Π½Π½Ρ‹Ρ… Π½Π° плоскости с ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π°ΠΌΠΈ.
  • Π›ΠΈΠ½Π΅ΠΉΠ½Ρ‹Π΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ: ΠŸΠΎΡΡ‚Ρ€ΠΎΠ΅Π½ΠΈΠ΅ Ρ‚Ρ€Π΅Π½Π΄ΠΎΠ² с использованиСм Π»ΠΈΠ½ΠΈΠΉ.
  • Гистограммы: ΠŸΡ€ΠΎΡΡ‚ΠΎΠ΅ созданиС столбиковых Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌ.
  • Π‘Π΅Ρ‚ΠΊΠ° ΠΈ оси: Π£Π΄ΠΎΠ±Π½Ρ‹Π΅ оси ΠΈ ΠΊΠΎΠΎΡ€Π΄ΠΈΠ½Π°Ρ‚Π½Ρ‹Π΅ сСтки для Π½Π°Π²ΠΈΠ³Π°Ρ†ΠΈΠΈ.
  • Подписи осСй: Π”ΠΎΠ±Π°Π²Π»Π΅Π½ΠΈΠ΅ тСкста для X ΠΈ Y осСй.

πŸš€ Начало Ρ€Π°Π±ΠΎΡ‚Ρ‹

  1. Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ Π² pubspec.yaml:
dependencies:
  graphaello: ^1.0.0

Или Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ ссылку Π½Π° Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΉ GitHub:

dependencies:
  gant:
    git:
      url: https://github.com/JesterVZ/gant.git
  1. Π˜ΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΡƒΠΉΡ‚Π΅ Π±ΠΈΠ±Π»ΠΈΠΎΡ‚Π΅ΠΊΡƒ:
import 'package:graphaello/charts.dart';

πŸ“‹ ΠŸΡ€ΠΈΠΌΠ΅Ρ€Ρ‹

ΠšΡ€ΡƒΠ³ΠΎΠ²Π°Ρ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°:

PieChart(
  data: [
    PieData(name: 'Π›ΡΠ³ΡƒΡˆΠΊΠΈ', value: 40, color: Colors.green),
    PieData(name: 'ΠŸΡ‡Π΅Π»Ρ‹', value: 30, color: Colors.yellow),
    PieData(name: 'Π”Ρ€Π°ΠΊΠΎΠ½Ρ‹', value: 30, color: Colors.red),
  ],
)

Гистограмма (Π’ Ρ€Π°Π·Ρ€Π°Π±ΠΎΡ‚ΠΊΠ΅):

BarChart(
  data: [
    BarData(label: 'A', value: 20, color: Colors.red),
    BarData(label: 'B', value: 40, color: Colors.blue),
    BarData(label: 'C', value: 25, color: Colors.green),
  ],
  xLabel: 'Categories',
  yLabel: 'Values',
)

ЛинСйная Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°:

LineChart(
  data: [
    LineData(x: 1, y: 10),
    LineData(x: 2, y: 20),
    LineData(x: 3, y: 15),
    LineData(x: 4, y: 25),
  ],
  xLabel: 'Time',
  yLabel: 'Values',
)

Π’ΠΎΡ‡Π΅Ρ‡Π½Ρ‹ΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊ:

ScatterPlot(
  data: [
    ScatterData(x: 10, y: 20, color: Colors.red),
    ScatterData(x: 30, y: 40, color: Colors.blue),
    ScatterData(x: 50, y: 25, color: Colors.green),
  ],
  xLabel: 'X-Axis',
  yLabel: 'Y-Axis',
)

πŸ“· ДСмонстрация

Charts Demo

На ΠΈΠ·ΠΎΠ±Ρ€Π°ΠΆΠ΅Π½ΠΈΠΈ прСдставлСны ΡΠ»Π΅Π΄ΡƒΡŽΡ‰ΠΈΠ΅ Π³Ρ€Π°Ρ„ΠΈΠΊΠΈ:

  • ΠšΡ€ΡƒΠ³ΠΎΠ²Π°Ρ Π΄ΠΈΠ°Π³Ρ€Π°ΠΌΠΌΠ°
  • Π“Π°Π½Ρ‚-Π³Ρ€Π°Ρ„ΠΈΠΊ
  • Π’ΠΎΡ‡Π΅Ρ‡Π½Ρ‹ΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊ
  • Π›ΠΈΠ½Π΅ΠΉΠ½Ρ‹ΠΉ Π³Ρ€Π°Ρ„ΠΈΠΊ

🀝 ΠŸΠΎΠ΄Π΄Π΅Ρ€ΠΆΠΊΠ°

Если Ρƒ вас Π΅ΡΡ‚ΡŒ вопросы ΠΈΠ»ΠΈ Π²Ρ‹ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ внСсти Π²ΠΊΠ»Π°Π΄ Π² Ρ€Π°Π·Π²ΠΈΡ‚ΠΈΠ΅ Graphaello, создайтС issue ΠΈΠ»ΠΈ ΠΎΡ‚ΠΊΡ€ΠΎΠΉΡ‚Π΅ pull request Π² Ρ€Π΅ΠΏΠΎΠ·ΠΈΡ‚ΠΎΡ€ΠΈΠΈ.

Libraries

graphaello