Horizontal Stacked Bar Chart Help!

I'm looking for a platform independent solution to a horizontal stacked bar chart. I'm interested in seeing solutions in pure CSS3, HTML5 and JavaScript. I have a solution currently coded in ASP.NET MVC4 that I want to add this chart to. I want to be able
to pass or represent two pieces of information on the chart. For example, a company can only have 20 users. They are currently have 5. I want to show a bar that has 1/4th of the bar in a color, and the other 3/4 in another color. A complete easy
to use parameterized javascript block would work, but I have been attempting to accomplish this in CSS3... and failing quite miserably! If anyone feels like sharing, I would be greatful! Thanks!

Hi UOgod619,
Please post ASP.NET related questions in
ASP.NET forums where you could get better help.
Thanks for your understanding.
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Similar Messages

Horizontal stacked bar chart supported?

Hi,
we have the requirement for a horizontal stacked bar chart. Is this supported in 12.x?
Just to make shure bevore extending our own Chart Applets.
Thanks,
Matthias

Matthias,
There are only "Horizontal Bar" and "Horizontal Group Bar" options if you want a horizontal bar chart. The "Stacked Bar" is vertical.
Regards,
Kevin

Y axis max ignored for horizontal stacked bar chart (SVG)

G'day,
I'm using the standard SVG horizontal stacked bar chart (multi-series). I have set the Y axis maximum value but it is ignored - bars are plotted to their maximum height.
I've had no such problem with vertical stacked bar charts.
We're running v2.2.0.00.32.
Is this a known bug?
Regards,
Chris.

I don't understand why you are soying it is not possible.
Actually I think it is and quite easily but maybe i missunderstand the question.
But anyway, here is what I would do:
In the spreadsheet, you can calculate the percentage of each status per project:
     Completed     Pending     Partially completed     Not Started
Project 1     78.10%     6.46%     10.51%     4.93%
Project 2     51.01%     2.62%     39.21%     7.15%
And then select these data for the stacked bar chart. Here you get the graph you are looking for.
Oli

Horizontal Stacked Bar Chart

Hi, forum.
I would like to make "horizontal" stacked bar chart.
But following chart looks decidedly wrong.
Is there any way to create it?
String austria = "Austria";
String brazil = "Brazil";
String france = "France";
String italy = "Italy";
String usa = "USA";
NumberAxis xAxis = new NumberAxis();
CategoryAxis yAxis = new CategoryAxis();
StackedBarChart<Number,String> bc = new StackedBarChart<>(xAxis,yAxis);
bc.setTitle("Country Summary");
xAxis.setLabel("Value");
xAxis.setTickLabelRotation(90);
yAxis.setLabel("Country");
yAxis.setCategories(FXCollections.observableArrayList(austria, brazil, france, italy, usa));
XYChart.Series series1 = new XYChart.Series();
series1.setName("2003");
series1.getData().add(new XYChart.Data(25601.34, austria));
series1.getData().add(new XYChart.Data(20148.82, brazil));
series1.getData().add(new XYChart.Data(10000, france));
series1.getData().add(new XYChart.Data(35407.15, italy));
series1.getData().add(new XYChart.Data(12000, usa));
XYChart.Series series2 = new XYChart.Series();
series2.setName("2004");
series2.getData().add(new XYChart.Data(57401.85, austria));
series2.getData().add(new XYChart.Data(41941.19, brazil));
series2.getData().add(new XYChart.Data(45263.37, france));
series2.getData().add(new XYChart.Data(117320.16, italy));
series2.getData().add(new XYChart.Data(14845.27, usa));
bc.getData().addAll(series1, series2);
primaryStage.setScene(new Scene(bc, 300, 400));
primaryStage.show();This code is based on JavaFX horizontal bar chart sample code.
http://docs.oracle.com/javafx/2/charts/bar-chart.htm#CIHJFHDE
I can create vertical (standard) Stacked Bar Chart.
Mac OSX
Java7 u4
JavaFX 2.1
Thanks in advance.

Thank you for your answers.
What is the error message, if any, that you are receiving?I have no error message and I can run it.
But displayed chart is this.
[http://postimage.org/image/tvtna1ish/]
except for on one bar the second series stack does not displayIs that the same chart of mine?
I will try looking for it in jira.

Help with stacked bar chart

Hello,
I'm looking for help regarding horizontal stacked bar chart. Typically for stacked bars Publisher seems to want data for each stacks per row, but my data looks like this:
<DATA>
<ROW>
<TYPE>Type 1</TYPE>
<CLASS>A</CLASS>
<TOTAL>10</TOTAL>
</ROW>
<ROW>
<TYPE>Type 2</TYPE>
<CLASS>B</CLASS>
<TOTAL>10</TOTAL>
</ROW>
<ROW>
<TYPE>Type 1</TYPE>
<CLASS>B</CLASS>
<TOTAL>20</TOTAL>
</ROW>
<ROW>
<TYPE>Type 2</TYPE>
<CLASS>A</CLASS>
<TOTAL>10</TOTAL>
</ROW>
<TYPE>Type 3</TYPE>
<CLASS>A</CLASS>
<TOTAL>40</TOTAL>
</ROW>
</DATA>
So each bar would be the TYPE element, and each stack within the bar would be the CLASS element.
Here is a very crude drawing of what I would want the chart to look like: http://i.imgur.com/3gEdEQ5.png
How can I achieve this? Thanks in advance.

Jody,
I'm sorry that I missed that you didn't want an overlay solution. You wrote it plainly, I just didn't read carefully.
This is as close as I could come to how I now read your request:
Here I have charted your Actual and a column of zeros that I have called the Goal Reference. The last column contains the goal values and I have used them as Positive Custom Error Bars for the Goal Reference series. I'm not thrilled with the look, but unless I know for sure that I'm on the right track, I'll leave it there for now. The width difference between the goal and the actual can be adjusted.
Jerry

Question regarding 3-D stacked bar chart

Hi All,
I'm creating a report that has a view of a horizontal stacked bar chart. I was wondering if there's a way to portray that stacked bar chart as a 100% stacked bar chart like in ms excel?
Thanks,
Wayne

Hi Wayne,
I'm not sure if I understand your query correctly but I'll have a go at answering your question. I'm guessing that you have a horizontal bar chart that looks something like this, even after you've indicated that you want it to be a stacked chart -:
|{color:#ff0000}@@@{color}
|{color:#008000}#########{color}
|{color:#ff00ff}++{color}
|{color:#0000ff}===={color}
However, you want it to look more like this -:
|{color:#ff0000}@@@{color}{color:#008000}#########{color}{color:#ff00ff}++{color}{color:#0000ff}===={color}
For the purposes of the example, let's assume you are using two fields for the bar chart - Account Type and *# of Accounts*. By default, your chart options would be set such that Account Type is the value used for the Y axis and *# of Accounts* is the value used for the X axis. Indicating that you want a stacked graph results in the first graph example I listed above. However, if you indicate that Account Type is the value to be used for the measure labels and that there is no value for the Y axis, then a stacked graph will look like the second graph example I listed.
Hope this helps to answer your question.
Regards,
Cameron

How to format individual series in stacked bar chart

Hi,
Is there any way I can format (sort order, or transperency) of each series individually in a horizontal stacked bar chart?
I am trying to create a gantt chart, where I am using two series
1. Start Date
2. Duration
The function of series one (Start Date) is only to place the start position of the horizontal bar of series 2 (duration) in the year time frame.
After creation of the stacked bar chart, I want to make the reansperency of series 1 (start Date) as 0 so that the duration bar apears floating and gives the feel of Gantt chart.
Thanks
Aurobindo

You may wish to see the article <a href="http://www.xcelsiusjournal.com/index.php?option=com_content&task=view&id=45&Itemid=2" target="_blank" title="Constructing a Simplified Gantt Chart in Crystal Xcelsius">Constructing a Simplified Gantt Chart in Crystal Xcelsius</a>. It does require changing the skin to Windows Classic, but that's a small price to pay for having a gantt-like capability. Loren Abdulezer/Evolving Technologies Corporation <a href="http://www.XcelsiusBestPractices.com">www.XcelsiusBestPractices.com</a> <a href="http://www.XcelsiusJournal.com">www.XcelsiusJournal.com</a>

Horizontal Cluster bar chart

I am tasked by my PHB to produce a horizontally-stacked bar chart, the horizontal axis is for simple numbers of events, the bars are types of events. It should also have a negative 'reflection' (see drawing below) There is no Z axis. I have successfully generated this as a vertical stacked bar chart (very simple) and I think a simple rotate 90 degrees right would do it, but I can't find one.
It should look like this, ignoring the dashes:
######## ######## Event 1, Value 8
----###### ###### Event 2, Value 6, etc
Any ideas or workarounds welcome!
Keith Templeman
EDIT Post to refer to a horizontal cluster bar chart which is what I really want
Edited by: mansfields on Dec 3, 2008 2:44 PM

The horizontal equivalent of the vertical stacked bar would be a horizontal stacked bar, which is there on the menu for me to see. As said in my previous post 'what I am after is the horizontal equivalent of the vertical cluster bar'
To repeat what my requirement is, I have a group of sales people who have five measures each against them, and I can already graph them thus:
6 5 4 3 3
but I want to graph them this way, like 90 degrees rotated to the right:
6 ######
5 #####
4 ####
3 ###
3 ###
I think this would be called a horizontal cluster chart, and there is no option on the list that is called that.
Hope this makes it clearer, and thank you very much for your time and effort so far.
keith
EDIT
From the online books section - "you can only display clustered bar charts in vertical format". That sorts that out then.
Edited by: user10677133 on Dec 3, 2008 5:16 PM

Stacked Bar Chart in Explorer

BO Explorer 4.1 SP4 (no fix packs)
I have an issue where I cannot create a stacked bar chart in Explorer. Taking a simple data-set (below screenshot), I wish to have a stacked bar chart that will show this data i.e. one bar per year showing as a %. Is this possible?
Unfortunately the result I am getting is show below, which obviously isnt correct

Yes there are ways to get stacked bar chart !
To get a better idea, just have a look on these threads
Stacked bar chart to show vertically
Re: Horizontal stacked bar chart supported?
Regards
Ram Upadhyay

Help with stacked bar charts

Help..................
I am definitely missing something.
I want to do something like the attached, stacked bar chart example. This is pretty much
one of the examples.
What I need is for a horizontal chart instead of a vertical. When I right click the legend and
chose bar charts, it only shows vertical. After messing with this for a couple of hours,
I give.
Any suggestions would be much appreciated.
Attachments:
Stacked Bar Graph.vi ‏43 KB

Another stacked bar graph plea for help!
My scenario: I am recording 3ph current values (red, yellow, blue) on multiple circuits for some electrical tests we do.
I want to present this data on a screen that is most visible from a distance, so the approach I have taken when I last wrote the software in Delphi was to have each 3 ph circuit represented by a 3 channel bar chart where the three channels are stacked front to back in order of magnitude. This allowed me to add multiple 3 channel circuits next to these to fill the screen from left to right.
See attached Excel file to make it clear. I hope!
The main issue I see is that the colour of plot needs to move front to back with the magnitude. ie Red is not always the front plot, it is the 'smallest' of the three plots that stays at the front.
Some tests we do, may have 12 x 3ph circuits of this type which fills the screen up and can make it very busy. Rather than having 36 plots left to right, by stacking them in groups of three, I reduce the left to right number to 12 plots. The screen can then be viewed from a distance much easier.
Any suggestions? I am expecting I will need to write my own routine for this, which if I do, i am quite happy to share when complete.
See (and run) the attached LabVIEW code of my progress so far.
thanks Adam
Message Edited by tca-adam on 11-16-2006 01:27 PM
Attachments:
Stacked Bars example.xls ‏24 KB
Create CurrBal Graph Data.vi ‏21 KB

Help with a stacked bar chart

I am attempting to create a stacking bar chart which expresses monthly sales goals and monthly actual sales together as one bar. Visually, it would look like a thermometer, with the sales goal rendered as an outline, and the actual sales filling in the outline. So both bars should start at 0.
Dollar amounts appear up the x-axis, and the months appear across the y-axis. There will be 12 bars per chart. Unfortunately, each month has a different goal.
Is there a way to create this type of chart, using only one chart? (Not by stacking two charts on top of each other.) My boss, who has requested this chart, will be updating it herself, and has told me she needs it to be as simple as possible.
Does anyone have any suggestions for getting the bars to stack on top of each other, instead of adding together? Thank you for your time and assistance.

Jody,
I'm sorry that I missed that you didn't want an overlay solution. You wrote it plainly, I just didn't read carefully.
This is as close as I could come to how I now read your request:
Here I have charted your Actual and a column of zeros that I have called the Goal Reference. The last column contains the goal values and I have used them as Positive Custom Error Bars for the Goal Reference series. I'm not thrilled with the look, but unless I know for sure that I'm on the right track, I'll leave it there for now. The width difference between the goal and the actual can be adjusted.
Jerry

Cannot build vertical stacked bar chart! HELP!

I have a simple stacked bar chart I want to build with month/year across the bottom that shows the number of orders by category (A,B,C and D). I understand that I must have 2 dimensions and 1 measure. However, the chart is not counting the number of orders by category correctly. I cannot find anything on the net about how to create a vertical chart and troubleshooting why it won't work.
Here's an Excel Pivot of the data:
Year/tmonth A B C D
2009/12 1 1
2010/02 1 1 2
2010/04 1 1
2010/06 1 1
2010/07 2 1 3
Grand Total 2 1 4 1 8

OK, I've used your formula in my measure variables as follows:
var_stackA =Sum(Count([CAT])Where([CAT]="A"))
var_stackB =Sum(Count([CAT])Where([CAT]="B"))
var_stackC =Sum(Count([CAT])Where([CAT]="C"))
var_stackD =Sum(Count([CAT])Where([CAT]="D"))
This is my result (as long as I leave the notification in the table):
Notification var_chart_receiptmonth CAT var_stackA var_stackB var_stackC var_stackD
200340495 2009/12 D 1
200364557 2010/02 B 1
200366789 2010/02 C 1
200372262 2010/04 C 1
200427391 2010/06 C 1
200430078 2010/07 C 1
200433242 2010/07 A 1
200434096 2010/07 A 1
This is my result (when I take the notification out):
var_chart_receiptmonth CAT var_stackA var_stackB var_stackC var_stackD
2009/12 D 1
2010/02 B 1
2010/04 C 1
2010/06 C 1
2010/07 C 1
Where did the A category counts go??
I've got 2 universes: GR_MRO Notification Tasks and GR_MRO Operations Details
I'm merging on two dimension variables (notification and sales organization)
My report data is filtered using the following 2 filters:
var_A = 1 calculated via =If([Task Code]="2/CT-HOLD/RTQT";1;0) - detail variable
var_RTQTDate > 1 calculated via =If([Task Code]="2/CT-HOLD/RTQT";Min([Created On]);0) - measure variable
Task Code is a dimension variable from the GR_MRO Notification Tasks universe
A few more calcuations for your review:
CAT = If([var_DaysAged2]<6;"A";If([var_DaysAged2]<11;"B";If([var_DaysAged2]<21;"C";"D"))) - dimension variable
var_Days Aged2 =If(IsError(DaysBetween(Min([var_corereceiptdate]);Min([var_RTQTDate2])));0;DaysBetween(Min([var_corereceiptdate]);Min([var_RTQTDate2]))) - measure variable
var_corereceiptdate =[Receipt Date] - detail variable
[Receipt Date] - variable from the GR_MRO Operation Details - dimension variable
Edited by: Amy Jones on Jul 29, 2010 11:18 AM

ADF DVT: Hide certain series of the Horizontal Stacked Bar

Hello,
I am trying to achieve a 'waterfall chart' effect by using the <dvt:horizontalBarGraph> of type BAR_HORIZ_STACK. I have really 3 series to show with different colors, but i also provided the 4th series to be the 'offset' value - which tells from which position on Y-axis the first colored bar should be shown. In another word, i created a horizontal stacked bar, with 4 series of data, but i want to hide the bar for 1st series, make it completely transparent.
I tried to play with <dvt:series> attributes, but can't find 'visible' or 'transparent' or something like that. And i tried to make the background of the first bar to be the same as the chart background - but that won't give good result: First of all, i want to keep the gradient color effect of the bars, but there's no easy way to keep the background to have the same gradient color in the same areat; Second, due to the same reason i can't make a 3D bar to be transparent over a mono-colored background. Third, i want to see the vertical grid lines which connects to the scale values, so even if i make the bar with plain color with no 3D or gradient effect, i will make the background grid lines disconnected.
Thank you very much for your help!
Feng

Achie,
This is not an issue with the graph as such, but the data issue. Since the value of the data that is being displayed is huge and other datas are relatively very small to occupy the graph area (Ex : 60105 Vs 10).
You may want to try implementing zoomListener and/or zoomScrollListener for the graph to zoom and see the small datas.
&lt;dvt:graph&gt;
-Arun

SSRS Stacked Bar Chart Smart Label Problem

I have a SSRS 2008 Stacked Bar Chart. When the bar values are close then the Series labels often merge and overlap making the value unreadable. I have set the properties so that Smart Labels AllowOutSidePlotArea is true, NoMoveDirections Right = False etc.
but they still overlap.
How do I set so that the values are plotted in a readable manner?
Thanks

Hi CDG100,
According to your description, it seems that the issue which you occurred is that series label got overlapped when there are some sections with small value in the bar. If in this scenario, there are several properties you can use to try to get the labels
to fit better. The SSRS 2008 charts contain a feature called smart labels, and we expose a lot of options that control their behavior. Here are some properties that may help. First, select the data point, then go to the SmartLabels node in the property grid.
Expand the "NoMoveDirections" node. This will give you set of directions that you can use to restrict the directions that the labels can move in. You can try to change directions to see if it helps.
You can remove the CallOutLine by setting the CallOutStyle to None and the CallOutLineAnchor to None. You can also change their widths or their styles to see if that helps.
If the issue is still existed, we can try to set the horizontal axis interval to a small one. This will make the lower values big enough to display the label. However, it will make your chart really tall for the ones with high values.
Another possibility is to use Tooltip instead of actually displaying. Type a same expression with Value field in the Tooltip property.
Hope this helps.
Thanks,
Katherine Xiong
Katherine Xiong
TechNet Community Support

Repositioning datalabels on 3-D stacked-bar chart

I am trying to reposition value datalabels on a 3-D 100%-stacked-bar chart. I am using Excel 2010.
I am preparing charts for the age distribution and the race/ethnic distribution of new students, among dozens of others. (Printed, the workbook is over 100 pages, with more charts to be added!)
Each series (for example, "25 to 29" or "Asian") has its distinct color. My boss has stipulated 12pt bold type, but some points are so small that the datalabels are larger than the point. As a result, he
wants the datalabel filled with the category's color. He also wants datalabels for points with 0 values displayed (for instance, "Over 50" or "Not Reported") inside the bar.
On a 3-D bar chart, the middle of a datalabel is positioned at the vertical middle of the point and at the horizontal middle of the face of the point (not the middle of the entire point, thus excluding the sidewall).
The 0-valued points are usually at the top or bottom of the bar. With several categories, inserting the "0" or small-value label at the extreme of the bar often overwrites one or more other labels. My boss wants the second label moved
below the first, etc.
I have used the eyeball method to adjust the datalabels, but I frequently either overlap another label or allow the contrasting color of the point that the labels overlay to leak through the space between the two labels.
I'm trying to tighten the charts' appearance. I have written code, for instance, to horizontally align all datalabels for box-and-whisker charts with the label of the mean. (The labels for the whiskers are not, by default, aligned with the
labels for the box)
The attached code (in VBA, not VB.Net)
Sub test()
Dim bytPoint As Byte, bytSeries As Byte
Dim strDataLabelName As String
 Dim objDataLabelNext As DataLabel, objPoint As Point
 Const cstrTitle As String = "Position DataLabel"
 If Not TypeName(Selection) = "DataLabel" Then MsgBox "Please select a single DataLabel", , cstrTitle: Exit Sub
 strDataLabelName = Selection.Name
 If Not Left$(strDataLabelName, 4) = "Text" Then MsgBox "DataLabel has an invalid name. It must be ""Text SnPn"". Please correct.", , cstrTitle: Exit Sub
 bytSeries = ftbSeries(strDataLabelName)
 bytPoint = ftbPoint(strDataLabelName)
 With ActiveChart
 If bytSeries = .SeriesCollection.Count Then
 Selection.Top = .Axes(xlValue).Top + 0.75
 Else
 Set objDataLabelNext = .SeriesCollection(bytSeries + 1).Points(bytPoint).DataLabel
 Selection.Top = objDataLabelNext.Top + objDataLabelNext.Height
 End If
 Set objPoint = .SeriesCollection(bytSeries).Points(bytPoint)
 Selection.Left = objPoint.Left + (objPoint.Width - Selection.Width) / 2
 End With
 Set objDataLabelNext = Nothing: Set objPoint = Nothing
End Sub
Function ftbPoint(strDataLabelName As String) As Byte
ftbPoint = Val(Mid$(strDataLabelName, InStr(5, strDataLabelName, "P") + 1))
End Function
Function ftbSeries(strDataLabelName As String) As Byte
ftbSeries = Val(Mid$(strDataLabelName, InStr(5, strDataLabelName, "S") + 1))
End Function
...does successfully vertically align the selected datalabel with the label of the next-higher series point, or the bottom of the top axis, if the series is the last. But the datalabel is horizontally aligned with the entire width of the point, not
the face of the point.
My strategy is to add half of the excess of the width of the face of the point over the width of the label to the left edge of the point. objPoint.width returns the 2-D width of the point, not the width of the 3-D face. I've tried subtracting
the point depth from the point width, but that fails on theoretical, much less practical, grounds.
I'm sure a function or a formula exists to convert the three-space depth to two-space so I can subtract it from the point width, but my little pea-sized brain can't conjure it. I've invested a day's work with no solution.
Many thanks in advance for your help.

Hi JFHart,
>>The "face" of the point is the front of the object, as opposed to the shaded side. I'm seeking a way to measure the front. The .width property seems to include the side; it measures the entire area that is colored<<
Yes, it is correct. The width property of Point include the side. Here the test I did for it:
And as far as I know, Excel object model doesn't provide a way to get the width of front face. I suggest that you submit the feedback from link below if you want to Office support this feature.
Submit Feedback - Microsoft Support
Regards & Fei
We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
Click
HERE to participate the survey.

Horizontal Stacked Bar Chart Help!

Similar Messages

Maybe you are looking for