Repo for Power BI Radar Chart custom visual
Перейти к файлу
Iuliia Kulagina d9242814dd
Remove interactivity utils+ add y-axis labels (#97)
* Remove interactivity utils

* Add support of multi visual selection

* Labels without settings

* Return deselection test

* Scale visual without xlabels

* Add opacity to ylabels

* Fix npm audit, update api

* Increase visual version

* Fix test after updating test utils

---------

Co-authored-by: Iuliia Kulagina <v-ikulagina@microsoft.com>
2024-07-31 16:00:50 +04:00
.github/workflows Merge branch 'main' into dev 2024-06-03 12:49:40 +04:00
assets #20420 Add instruction to RadarChart (#17) 2017-08-16 10:13:55 +03:00
src Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
stringResources New translations (#94) 2024-03-28 12:58:17 +04:00
style Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
test Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
.eslintignore Radar chart update v3.0.0.0 (#82) 2024-02-01 13:26:14 +04:00
.eslintrc.js Radar chart update v3.0.0.0 (#82) 2024-02-01 13:26:14 +04:00
.gitignore Radar chart update v3.0.0.0 (#82) 2024-02-01 13:26:14 +04:00
CHANGELOG.md Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
LICENSE 13726 “NPM packages: Update source code of the Radar visual in order to support the new packages” 2016-12-22 19:40:49 +03:00
README.md Radar chart update v3.0.0.0 (#82) 2024-02-01 13:26:14 +04:00
SECURITY.md Microsoft mandatory file (#56) 2023-11-16 13:43:06 +04:00
capabilities.json Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
karma.conf.ts Radar chart update v3.0.0.0 (#82) 2024-02-01 13:26:14 +04:00
package-lock.json Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
package.json Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
pbiviz.json Remove interactivity utils+ add y-axis labels (#97) 2024-07-31 16:00:50 +04:00
test.tsconfig.json Web pack (#34) 2018-09-19 23:07:47 +07:00
test.webpack.config.js Radar chart update v3.0.0.0 (#82) 2024-02-01 13:26:14 +04:00
tsconfig.json Web pack (#34) 2018-09-19 23:07:47 +07:00

README.md

PowerBI-visuals-RadarChart

Build Status

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

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

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

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

  • 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

  • Change color of each of categories

Draw lines - To show lines instead of shaded area

Radar chart screenshot 5

  • 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 Radar chart screenshot 6

  • Axis start position: set the starting axis position North or South. You can see the difference on the next picture:

Radar chart screenshot 6

Data labels

  • Color: set color of data labels
  • Text size: set text font size of data labels

Radar chart screenshot 6