Grouped Horizontal Bar Chart - Group Labels not using group space - ios-charts

I am using iOS-charts to build a horizontal bar chart. The chart itself is as expected, but the group label is not aligned with the center as expected. And progressively the offset gets worse.
I've figured that it is not taking into account the group spacing that I specify.
As you can see from the image, in this small sample, there are 7 groups but 8 labels
How can I fix this?
Thanks

Related

Merging Percentage Lines with The Bars in Tableau Desktop

I have a graph that shows the ratio (count) of payable vs. processed words among the total words on stacked bars. I would also like to display the same ratio in percentages in lines overlapping the bars.
At the moment I have them in two separate graphs, but I want to merge them so that it takes less space in my dashboard view. I am unable to select the dual combination view as it requires two measures and even though I keep trying to cmd+click+drag the percentage measure pill to my marks, it's only changing the calculations in the bars but not allowing me to select the dual combination view.
Since the percentages are basically the ratio of the green/total in the bars, I don't think I need any complicated configurations for displaying it, however, I am also failing to achieve what I want.
Could you please tell me how to do this visualization?
Edit: I noticed that the reason I couldn't generate the dual combination view was that I had three date pills (year, quarter, month), and by removing two of them, I'm able to generate the dual combination view, but it's far from what I'm looking for as it's only splitting the stacked bar into bar+line.
Neeku, I certainly understand the desire to minimize "real estate" in your dashboard. If I understand your needs correctly, I believe that overlaying a transparent-background chart over the first chart might meet your needs, if a dual-axis chart doesn't work for you (for example, if you wanted to overlay a line chart on a column chart that is itself already dual axis).
By way of example, here is a simple Sample Superstore dashboard with a line chart on top and a stacked column at the bottom.
simple dashboard
Change the line chart to "Floating"
Size it to fit over your column chart and change the background to transparent by clicking anywhere in the line chart and select "Format"
...Format Shading
...and "None" for the color selection
Your line chart is now an overlay, but it's pretty messy.
Click on the line chart and hide field labels,
...turn off "Show Header" for each pill in the line chart
Clean things up and it should look better:
Note: one big issue with this approach is that you will not be able to click to select chart elements of the underlying chart.

is There any way we can display more Legends in a chart

I Am using Stacked Bar 2D chart (https://www.fusioncharts.com/dev/chart-attributes/stackedbar2d) for a requirement of mine. In this i have a fixed height for the chart but the number of bars in the chart is dynamic. When i have more number of bars, the bars do appear in the chart but their legends are not. For example if i force 10 bars in a smaller height chart., i do see all 10 bars but only 5 legends are appearing. Is there anyway i can force all legends to appear ? I dont mind if the font size is going smaller also. But irrespective of the height of chart all bars that are being displayed on the chart should have its own legends.Is there any attribute which forces that ?

How to adjust center axis width in a butterfly chart in Tableau

I am working on a butterfly chart. I create a center zero axis with "Text" type. Everything goes fine, except for one thing.
The width of the center axis is too broad, I want to change the width. But I don't know how to do it.
If I shrink the center axis, left and right are also shrunk. It seems the ratio of width is fixed.
Here is my demo workbook on Tableau Public.
Thanks for any help.
I was able to recreate your butterfly chart following the steps below.
"Concatenated by Dashboard
To shrink the middle margin, we can use a dashboard to concatenate instead of a single worksheet.
Divide into three Worksheets: right-click on the sheet tab and duplicate three copies. Remove the other parts in each worksheet.
Create a Dashboard and concatenate three segments: drag these segments to the corresponding positions.
Change the Dashboard Size to 1200 x 4500. concatenated by dashboard
Set left and right segments as Standard and set the middle segment as Fit Width. Then, Resize them to a proper layout.
Right-click Legends and check Floating, then put them in the appropriate place.
Polish the chart:
Keep only the left title and remove others.
show and rename the left and right axis."
Source: https://www.pluralsight.com/guides/tableau-playbook-diverging-bar-chart

multiple stacked area charts nvd3 - errors

I am trying to create a dashboard with multiple area charts on the same page. I have two issues.
I want to get rid of the small circle on the chart that indicates value point and moves along with the cursor and the interactiveguideline. What is the name of that circle and how do I remove it?
After some research, I figured out how to change the Y-axis values to percentages. But I would like some graphs to show percentages and others to show regular numbers. Is there an easy way to do this?

How to adjust multiple rows of labels in Xcode so that they occupy around 70 % of screen height?

I'm trying to build an app that has just a single portrait oriented view. There is a title on top and results label at the bottom of the view, these are locked to top and bottom and center, no problem here.
Now this is the tricky part. I have 9 rows of labels, most single row but couple span out to 2 rows. I want them to spread out evenly between the title and the result-label.
I lock the first label to top-left, lock the leading edges and then set equal vertical distance constraints between the labels. Otherwise ok but the last labels on 3.5 inch display overrun my results -label.
So I adjust either the fontsize or make vertical distance between labels smaller or both. 3.5 inch problem fixed but now there is a big empty gap between the last label and result. On iPhone 6 its really ugly.
I have tried all sorts of methods but can't just get this working.
So basically: how do I reserve 10 % of view height from top and 20 % from bottom and tell Xcode to use the rest 70 % (and all of it) for my 9 rows of label, evenly?
Thanks for help!
Would have posted an image but no rank for such things...
If I understand you right, you need several flexible spaces that will all be the same size. One space in-between each of the labels.
Create UIViews to put between each label, set them all to have equal widths or heights and anchor each one to the views it is supposed to sit between.
I got this idea from another SO question: Springs in Auto Layout: Distribute views evenly, with constraints, in Xcode 5