Sort Bars in stacked bar charts Superset - apache-superset

I am creating a bar chart on Apache Superset which shows count of something from across the world breakdown by platform. My chart looks like this
I want to change the order of appearance of breakdown values, WIN should be at the bottom.

You can change the order of your metrics to match the order you want.

Related

Chart.js bar chart multiple bars in one row

I want to have a bar chart, where some rows may have multiple distinct disconnected bars. Is it possible to use Chart.js to achieve something like this? If not, is there another chart package to achieve this in Vue?

Apexcharts: Are "grouped" pie charts possible?

I would like to create a pie or donut chart where the individual areas can be grouped. Here is a simple picture to illustrate:
With Chart.js this is definitely possible, but with Apexcharts I didn't find a corresponding demo and also no comparable function in the documentation.
So my question is if my intention is at all possible with Apexchart and if so, how?
Thank you.

Why can't I sort this PowerBI chart?

I have charts I want to sort descending. I've read there's a "more options" option if you click on the chart, which should give you ability to sort.
In chart below, there is no sorting option:
Here is the field the chart is based on (it's a single field):
And here's the way I set up the chart:
I click 'more options' and yet see no option to sort. Who knew such a simple task could be that difficult in PowerBI.
My best guess at this point is that you are using two different fields for Male and Female numbers. If this is the case, you won't get the sorting option since the values are coming from two different fields. If you simply want to interchange the position, you can do so in the values section. If this is not the case, please provide further details, so that we can look into it further.
Edit:
I don't think there is a sorting option without having a value in Axis. However, you can adjust the Inner Padding of the Y-axis (in the formatting pane), to get the visual you are looking for. Setting inner padding to 0% will remove all the gap between the two bars. Also, you can do the sorting now, since there is a value in the Axis box.
Note: If you want different colors, add the field in legend as well.
You are using a clustered bar chart. The columns are arranged alphabetically and can't be changed.
If you want to sort the bars by their values, use a regular stacked bar chart and put the "demo_female" in the Axis, not the Legend.

Chart.js Bar Chart coloring Technique

Hi Everyone i just want to ask question about bar chart in this application http://www.chartjs.org/
is it possible to create a bar with 2 colors?
for example i have a target 1000 and reach 500
so the full length of bar is color blue(target) then the 50% length of the bar is color red(reach)?
sorry for my question if it is confusing thanks
I think that a posible solution could be use some kind of Stacked Bar.
But chart.js doesn't support that out of the box, It looks like that you need the a fork of chart.js called chartnew.js that allow stacked bar which could give you this two colors in the same bar and many other options. Take a look at the github page of the project
https://github.com/FVANCOP/ChartNew.js/
I hope it helps

Place my own controls overlapping Google visualization chart

I'd like to add paging controls to my Google Visualization bar chart, similar to the one described here (keywords: thenez101 Google Visualization BarChart Paging), but instead of flowing my paging controls around the Google bar chart, I'd like to place them on top of the chart. When I place my controls inside the chart's div, however, I see them only until the chart is drawn.
Assigning my controls a CSS class whose z-index property I have changed to positive and negative has not worked. Perhaps I can change their z position after my ready event has fired? Has anyone succeeded in getting this working?
Thanks, BH