topic Re: Making a Custom Visual Radar Chart Show Labels on Each slice (Aster Plot Precisely) in Custom Visuals Development Discussion

Making a Custom Visual Radar Chart Show Labels on Each slice (Aster Plot Precisely)

Dyke211 — Tue, 04 Jun 2024 15:56:35 GMT

Hi Guys, does anyone understand how to tweak open source visual? I am trying to tweak this "aster plot" in such a way that the labels in the table by the side appear ontop of each slice of the 360 radar chart. I have the Aster Plot open source github repository but i couldnt figure out how to edit the repository in such a way that the label name shows on top of each angle of the 360 chart as opposed to being diplayed just on the table by the right.

Here is the Github repository

https://github.com/Microsoft/powerbi-visuals-asterplot

Any help on this will be appreciated

My end goal is to make a chart that looks like this below (but this was done in excel)

Re: Making a Custom Visual Radar Chart Show Labels on Each slice (Aster Plot Precisely)

Anonymous — Fri, 07 Jun 2024 15:27:41 GMT

Hi @Dyke211

I think that trying to re-use custom visual can be a hard task to do if you just want a POC or a small improvment.

One thing that I can recommand to you is to use an external JS library to implement the visual that suits your need

Here is a tutorial and a code that explains how to use Plotly.js to create custom Power BI visuals

You can use the same process to use an external librarie that propose Aster plots

Now, as you want an Aster Plot with labeled arcs, you can base your code on this D3.js axter example in js

I tried to update it to get a version with labels and its here: D3 - Aster Plot (codepen.io)