Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/Microsoft/PowerBI-visuals-RadarChart
Repo for Power BI Radar Chart custom visual
https://github.com/Microsoft/PowerBI-visuals-RadarChart
Last synced: about 1 month ago
JSON representation
Repo for Power BI Radar Chart custom visual
- Host: GitHub
- URL: https://github.com/Microsoft/PowerBI-visuals-RadarChart
- Owner: microsoft
- License: other
- Created: 2016-10-06T08:36:25.000Z (about 8 years ago)
- Default Branch: main
- Last Pushed: 2024-03-30T08:44:18.000Z (9 months ago)
- Last Synced: 2024-05-18T16:32:55.010Z (7 months ago)
- Language: TypeScript
- Size: 1.8 MB
- Stars: 30
- Watchers: 21
- Forks: 39
- Open Issues: 16
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
- Security: SECURITY.md
Awesome Lists containing this project
- awesome-power-bi - Radar
README
# PowerBI-visuals-RadarChart
[![Build Status](https://github.com/microsoft/powerbi-visuals-radarchart/actions/workflows/build.yml/badge.svg?branch=main)](https://github.com/microsoft/powerbi-visuals-radarchart/actions/workflows/build.yml)> A simple radar chart supporting multiple measures plotted over a categorical axis. Also known as a web chart, spider chart, or star chart. Use to display performance metrics for quality improvement.
![Radar chart screenshot](assets/screenshot.png)
# Overview
A radar chart is a graphical method of displaying multivariate data in the form of a two-dimensional chart of three or more quantitative variables represented on axes starting from the same point. The relative position and angle of the axes is typically uninformative.Each variable is provided an axis that starts from the center. All axes are arranged radially, with equal distances between each other, while maintaining the same scale between all axes. Grid lines that connect from axis-to-axis are often used as a guide. Each variable value is plotted along its individual axis and all the variables in a dataset and connected together to form a polygon.
Radar Charts are useful for seeing which variables are scoring high or low within a dataset, making them ideal for displaying performance, such as Skill Analysis of Employee or sport players, product comparison, etc.
See also [Radar Chart at Microsoft Office store](https://store.office.com/en-us/app.aspx?assetid=WA104380771&sourcecorrid=3943ede6-17ac-4e0a-8c2d-53a4ecd3303c&searchapppos=0&ui=en-US&rs=en-US&ad=US&appredirect=false)
### RadarChart has 3 bucket fields: Category, Values and Images.
1. Category - Field with a list of categories for each "radar" item. String values
2. Y axis - Field with values for Category field. It can accept many values. Also this field is used for cross filtering with other visuals.![Radar chart screenshot 3](assets/RadarFields.png)
# Selection
You can select any data point for data filtering and also you can use multi selection but only for one coverage area. For cleaning of selection you should click outside to "Сlear" button on the right top corner of a visual.# Settings of RadarChart
### Legend
![Radar chart screenshot 3](assets/RadarLegend.png)
- Title: On/Off legend title
- Name: title name
- Color: color of legend captions.
- Position: position of legend - Top, Bottom, Left, Right, Top Center, Bottom Center, Left Center, Right Center
- Text Size: size of legend text### Data colors
![Radar chart screenshot 4](assets/RadarDataColors.png)
- Change color of each of categories### Draw lines - To show lines instead of shaded area
![Radar chart screenshot 5](assets/RadarDrawLines.png)
- LineWidth: set the width of lines### Display Settings
- Axis start: The value of this parameter indicates the beginning of the axis. By default Axis start is set to 0 if all values in DataSet are positive, but if data set contains values less then 0, then it'll be minimum dataset value under 0. Axis start cannot be greater than minimum value of dataset values. You can compare the difference when Axis start is changed on next two images:![Radar chart screenshot 6](assets/RadarDisplaySettings01.png)
![Radar chart screenshot 6](assets/RadarDisplaySettings02.png)- Axis start position: set the starting axis position North or South. You can see the difference on the next picture:
![Radar chart screenshot 6](assets/RadarDisplaySettings03.png)
### Data labels
- Color: set color of data labels
- Text size: set text font size of data labels![Radar chart screenshot 6](assets/RadarDataLabels.png)