Sunburst is a multilevel donut chart, used to visualize hierarchical data, depicted by concentric circles.
Перейти к файлу
Alexey eb17d461e6
Merge Dev to main (#130)
* squashed linting fix (#93)

Co-authored-by: Alexander Metzger <alexander@metzger.dk>

* Enable unit-tests for PR (#99)

* Microsoft mandatory file (#90)

Co-authored-by: microsoft-github-policy-service[bot] <77245923+microsoft-github-policy-service[bot]@users.noreply.github.com>

* Update build.yml

* Update build.yml

* squashed linting fix (#93)

Co-authored-by: Alexander Metzger <alexander@metzger.dk>

fixed unit tests

fixed tests

fixed lint

fixed actions

* fixed actions

---------

Co-authored-by: microsoft-github-policy-service[bot] <77245923+microsoft-github-policy-service[bot]@users.noreply.github.com>
Co-authored-by: Alexander Metzger <97496861+SanderGi@users.noreply.github.com>

* Accessibility (#95)

* squashed accessibility

* fixed tests

* package fixes

* test

* add tab back in

* revert unecessary changes

* remove support for old browsers

---------

Co-authored-by: Alexander Metzger <alexander@metzger.dk>

* Sunburst update (#117)

* Update dependencies

* Update formatting settings

* Return code affecting the color

* Update readme, build, codeql, split dependencies

* Change styles for keyboard nav

* Use selectionManager instead of interactivityUtils

* Add styles for legend

* Fix category label

* Fix stroke width for keyboard navigation

* Add tests for selection and keyboard navigation

* Behavior refactoring

* Make category label fit into inner circle

* Increment version

* Remove stylelint

* Add tests for labels

---------

Co-authored-by: Iuliia Kulagina <v-ikulagina@microsoft.com>

* Add localization keys (#118)

Co-authored-by: Iuliia Kulagina <v-ikulagina@microsoft.com>

* New translations (#125)

* Add interactivity to the legend, add styles for percentage label (#119)

* Add styles for percentage label

* Add interactivity to legend

* Fix audit vulnerabilities, update API, increment visual version

* Rise minor version

* Fix isHighContrast param name

* Add styles for central label

* Fix object name in tests

* Fix capabilities

* Change to default sorting and fix colors

* Fix tests

* Add report page tooltip

* Update powerbi-visuals-utils

* Fix npm audit vulnerability

* Add limitation for indentation, remove unused method

* Rerfactor behavior

* Refactor base font class

* Fix tests

* Fix npm vulnerabilities

---------

Co-authored-by: Iuliia Kulagina <v-ikulagina@microsoft.com>
Co-authored-by: Alexey <39551830+Demonkratiy@users.noreply.github.com>

* New translations (#128)

---------

Co-authored-by: Alexander Metzger <97496861+SanderGi@users.noreply.github.com>
Co-authored-by: Alexander Metzger <alexander@metzger.dk>
Co-authored-by: Nikita Grachev <v-grniki@microsoft.com>
Co-authored-by: microsoft-github-policy-service[bot] <77245923+microsoft-github-policy-service[bot]@users.noreply.github.com>
Co-authored-by: Iuliia Kulagina <86924383+kullJul@users.noreply.github.com>
Co-authored-by: Iuliia Kulagina <v-ikulagina@microsoft.com>
Co-authored-by: pbicvloc <104190707+pbicvloc@users.noreply.github.com>
2024-10-11 19:45:53 +02:00
.github/workflows Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
.vscode Version updated. Bugfixes. Merge from dev/next. (#37) 2019-05-30 21:47:53 +07:00
assets #20506 Settings "Group->Show category" and "Group->Font size" are not… (#15) 2017-09-07 13:58:58 +07:00
src Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
stringResources Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
style Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
test Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
.editorconfig Optimize rendering (#6) 2017-03-21 13:54:27 +02:00
.eslintignore Remove tslint to resolve conflicting dependencies (#107) 2024-04-16 11:42:49 +04:00
.eslintrc.js Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
.gitignore Version updated. Bugfixes. Merge from dev/next. (#37) 2019-05-30 21:47:53 +07:00
.stylelintrc Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
CHANGELOG.md Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
LICENSE 13778 “NPM packages: Update source code of the Sunburst visual visual in order to support the new packages” 2016-12-26 14:03:12 +03:00
README.md Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
SECURITY.md Microsoft mandatory file (#90) 2023-08-02 19:50:46 -03:00
capabilities.json Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
karma.conf.ts Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
package-lock.json Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
package.json Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
pbiviz.json Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00
test.tsconfig.json Version updated. Bugfixes. Merge from dev/next. (#37) 2019-05-30 21:47:53 +07:00
test.webpack.config.js updated dataBuilder with new test-utils API (#52) 2021-05-06 18:27:52 +07:00
tsconfig.json Merge Dev to main (#130) 2024-10-11 19:45:53 +02:00

README.md

powerbi-visuals-sunburst

Build Status

Sunburst is a multilevel donut chart, used to visualize hierarchical data, depicted by concentric circles.

Sunburst chart screenshot

Overview

Sunburst chart is used to visualize hierarchical data, depicted by concentric circles. The circle in the centre represents the root node, with the hierarchy moving outward from the center. A segment of the inner circle bears a hierarchical relationship to those segments of the outer circle which lie within the angular sweep of the parent segment.

See also Sunburst chart at Microsoft Office store

Sunburst has 2 bucket fields: Category, Values.

  1. Category - Field with a list of categories for each circle segment. It can accept many values.
  2. Values - Field with values for Category field. It can accept one value. Also this field is used for cross filtering with other visuals.

Sunburst screenshot 1

Selection

You can select any segment of the chart for data filtering. For cleaning of selection you should click outside to "Сlear" button on the right top corner of a visual.

Settings of Sunburst

Group

  • Font size: size of the label in the center of sunburst (see screenshot): Sunburst screenshot 2

  • Show category label: show category label in the center of the visual Sunburst screenshot 3

  • Show data labels: show text labels inside of arc segments of Sunburst Sunburst screenshot 3

  • Category colors: to change colors of each category of the visual. Changing element color will also change its child elements color, but if you changed child element color before then it'll keep unchanged. Sunburst screenshot 4

Tooltip

  • Display Units: tooltip numeric value format. Possible values: Auto, Thousands, Million, Billions, Trillions.
  • Decimal places: amount of decimal places to show. Sunburst screenshot 5

Legend

  • Position: Legend location. Possible values: Top, Bottom, Left, Right, Top Center, Bottom Center, Left Center, Right Center.
  • Title: switch on/off the legend Title.
  • Legend Name: title caption.
  • Color: font color of the legend values.
  • Text Size: font size of legend values. Sunburst screenshot 6