{"id":21174868,"url":"https://github.com/mindinventory/sliver_bar_chart","last_synced_at":"2026-02-16T06:34:44.042Z","repository":{"id":56839703,"uuid":"444302108","full_name":"Mindinventory/sliver_bar_chart","owner":"Mindinventory","description":"A package that supports Bar Chart in a Flutter Sliver. This Package allows us to add Bar Chart in Sliver and sets a Bar Chart as a Header on Slivers Scroll.","archived":false,"fork":false,"pushed_at":"2022-08-01T10:02:10.000Z","size":7741,"stargazers_count":21,"open_issues_count":0,"forks_count":3,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-06-05T01:48:47.810Z","etag":null,"topics":["animated-sliver-bar-chart","flutter-sliver-bar-chart","sliver-bar-chart"],"latest_commit_sha":null,"homepage":"https://www.mindinventory.com/flutter-app-development.php","language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Mindinventory.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2022-01-04T05:52:31.000Z","updated_at":"2024-12-13T01:23:48.000Z","dependencies_parsed_at":"2022-08-28T23:30:57.239Z","dependency_job_id":null,"html_url":"https://github.com/Mindinventory/sliver_bar_chart","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Mindinventory/sliver_bar_chart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2Fsliver_bar_chart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2Fsliver_bar_chart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2Fsliver_bar_chart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2Fsliver_bar_chart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Mindinventory","download_url":"https://codeload.github.com/Mindinventory/sliver_bar_chart/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Mindinventory%2Fsliver_bar_chart/sbom","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":264503949,"owners_count":23618762,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["animated-sliver-bar-chart","flutter-sliver-bar-chart","sliver-bar-chart"],"created_at":"2024-11-20T16:56:28.865Z","updated_at":"2026-02-16T06:34:44.014Z","avatar_url":"https://github.com/Mindinventory.png","language":"Dart","funding_links":[],"categories":[],"sub_categories":[],"readme":"# sliver_bar_chart\n\n\u003ca href=\"https://flutter.dev/\"\u003e\u003cimg src=\"https://img.shields.io/badge/flutter-website-deepskyblue.svg\" alt=\"Flutter Website\"\u003e\u003c/a\u003e\n\u003ca href=\"https://dart.dev\"\u003e\u003cimg src=\"https://img.shields.io/badge/dart-website-deepskyblue.svg\" alt=\"Dart Website\"\u003e\u003c/a\u003e\n\u003ca href=\"https://developer.android.com\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/platform-Android-deepskyblue\"\u003e\n\u003c/a\u003e\n\u003ca href=\"https://developer.apple.com/ios/\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/platform-iOS-deepskyblue\"\u003e\n\u003c/a\u003e\n\u003ca href=\"\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/platform-Web-deepskyblue\"\u003e\n\u003c/a\u003e\n\u003ca href=\"\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/platform-Mac-deepskyblue\"\u003e\n\u003c/a\u003e\n\u003ca href=\"\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/platform-Linux-deepskyblue\"\u003e\n\u003c/a\u003e\n\u003ca href=\"\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/badge/platform-Windows-deepskyblue\"\u003e\n\u003c/a\u003e\n\u003ca href=\"\"\u003e\u003cimg src=\"https://app.codacy.com/project/badge/Grade/dc683c9cc61b499fa7cdbf54e4d9ff35\"/\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/Mindinventory/sliver_bar_chart/blob/master/LICENSE\" style=\"pointer-events: stroke;\" target=\"_blank\"\u003e\n\u003cimg src=\"https://img.shields.io/github/license/Mindinventory/sliver_bar_chart\"\u003e\u003c/a\u003e\n\u003ca href=\"https://pub.dev/packages/sliver_bar_chart\"\u003e\u003cimg src=\"https://img.shields.io/pub/v/sliver_bar_chart?color=as\u0026label=sliver_bar_chart\u0026logo=as1\u0026logoColor=blue\u0026style=social\"\u003e\u003c/a\u003e\n\u003ca href=\"https://github.com/Mindinventory/sliver_bar_chart\"\u003e\u003cimg src=\"https://img.shields.io/github/stars/Mindinventory/sliver_bar_chart?style=social\" alt=\"MIT License\"\u003e\u003c/a\u003e\n\nIt is Sliver component. Bar chart work with sliver animation on expand and collapse. It is an independent component that allows you to set data for the chart with the configuration of Sliver.\n\n## Key Features\n\n* easy way to add bar chart in a Sliver.\n* used to set a bar chart as a Sliver Header.\n\n# Preview\n\n![sliver_bar_chart](https://github.com/Mindinventory/sliver_bar_chart/blob/master/assets/sliver_bar_chart.gif)\n\n## Basic Usage\n\nImport it to your project file\n\n```\nimport 'package:sliver_bar_chart/sliver_bar_chart.dart';\n```\n\nAnd add it in its most basic form like it:\n\n```\nSliverBarChart(\n  barWidget: BarChartWidget(\n    minHeight: 100.0,\n    maxHeight: 1000.0,\n    barValues: [\n      BarChartData(\n        x: '2022',\n        y: 500.0,\n        barColor: Colors.blue,\n      ),\n    ],\n    isScrolling: true,\n  ),\n);\n```\n\n### Required parameters of SliverBarChart\n------------\n\n| Parameter |  Description  |\n| ------------ |  ------------ |\n| BarChartWidget barWidget | Used to paint bar chart using custom painter |\n\n### Optional parameters of SliverBarChart\n------------\n\n| Parameter |  Default | Description  |\n| ------------ | ------------ | ------------ |\n| bool restrain | false | Whether to stick the header to the start of the viewport once it has reached its minimum size |\n| bool scrolling | - | Whether sliver is scrolling or not |\n| List\u003cdouble\u003e heightArray | [50.0, 78.0, 90.0, 67.0, 36.0] | The array of height for generating the bars of the Bar Chart |\n| double maxWidth | 75.0 | The maximum width dimensions of the sliver |\n| double minHeight | 30.0 | The minimum height dimensions of the sliver |\n| double maxHeight | 175.0 | The maximum height dimensions of the sliver |\n| bool fluctuating | false | Whether the header should immediately grow again if the user reverses scroll direction |\n\n### Required parameters of BarChartWidget\n------------\n\n| Parameter |  Description  |\n| ------------ |  ------------ |\n| double minHeight | The minimum height dimensions of the BarChartWidget |\n| double maxHeight | The maximum height dimensions of the BarChartWidget |\n| List\u003cBarChartData\u003e barValues | hold the list of bar chart data |\n| bool isScrolling | Whether sliver is scrolling or not |\n\n### Optional parameters of BarChartWidget\n------------\n\n| Parameter |  Default | Description  |\n| ------------ | ------------ | ------------ |\n| int yAxisIntervalCount | 5 | Used to set interval point on Y axis |\n| double xAxisTextRotationAngle | 0.0 | Used to set X axis text on a rotation angle in case of larger text |\n\n### Required parameters of BarChartData Model Class\n------------\n\n| Parameter |  Description  |\n| ------------ |  ------------ |\n| String x | a text that visible on Bar Chart X axis |\n| double y | a value that visible on Bar Chart Y axis |\n\n### Optional parameters of BarChartData Model Class\n------------\n\n| Parameter |  Default | Description  |\n| ------------ | ------------ | ------------ |\n| Color barColor | Colors.grey | used to set color of the bar |\n\n### Guideline for contributors\n------------\n\n* Contribution towards our repository is always welcome, we request contributors to create a pull\n  request for development.\n\n### Guideline to report an issue/feature request\n------------\nIt would be great for us if the reporter can share the below things to understand the root cause of\nthe issue.\n\n* Library version\n* Code snippet\n* Logs if applicable\n* Device specification like (Manufacturer, OS version, etc)\n* Screenshot/video with steps to reproduce the issue\n* Library used\n\nLICENSE!\n------------\n**sliver_bar_chart**\nis [MIT-licensed.](https://github.com/Mindinventory/sliver_bar_chart/blob/master/LICENSE)\n\nLet us know!\n------------\nWe’d be really happy if you send us links to your projects where you use our component. Just send an\nemail to sales@mindinventory.com And do let us know if you have any questions or suggestion\nregarding our work.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindinventory%2Fsliver_bar_chart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmindinventory%2Fsliver_bar_chart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmindinventory%2Fsliver_bar_chart/lists"}