Column chart solid color stroke with fillfunction
Hi,
in a column chart I am using the fillfunction,
to customize the color of each column.
Now I need to modify,
for each column also the solid color stroke,
but I can't figure how can I do that.
Some one can help me ?
Thanks a lot
Jody
Depending on what you are trying to do, you need to either:
create an Array with the colors
[Bindable]
private var warmColorsArray:Array = new Array(
new SolidColor(0xFF0033, .5),
new SolidColor(0xFF0066, .5),
new SolidColor(0xFF0099, .5)
[Bindable]
private var coolColorsArray:Array = new Array(
new SolidColor(0x3333CC, .5),
new SolidColor(0x3366CC, .5),
new SolidColor(0x3399CC, .5)
And then just add that array to the fill parameter
<mx:ColumnSeries
xField="month"
yField="profit"
displayName="Profit"
fills="{warmColorsArray}">
</mx:ColumnSeries>
Or, you need use the fillFunction to set each item individually.
Here is the results from an example I did, in order how to do it. And I put a post on my blog explaining what I did.
Similar Messages
-
Column chart from Bex query with 2 characteristics in rows and column
Hi,
We're trying to represent the following column chart in Dashboard Design:
Material/Month
January
February
March
Material 1
100
200
300
Material 2
400
500
600
Material 3
700
800
900
The BEX query has:
Result objects: Material, Month/year; amount
The problem is when i paste the Material dimension in the Excel, i'm getting the following result:
Material/Month
January
February
March
Material 1
100
200
300
Material 1
400
500
600
Material 1
700
800
900
So, when i display the column chart, the material tag is incorrect:
as the image attached shows.Hey Flora,
Happy to hear that its working now.
Answering your question, again its upto the connection and report format you are using. Based on your question i hope you your report output should be like this.
You cannot map to two labels for the series, again this report format is possible only in cross tab through Webi. I would suggest you to concatenate the material and month in a dimension in webi like below.
I have done the concatenation in excel level, i would suggest you to do that in webi. Try to reduce the formula as much in excel.
or
If you are using Query browser connection, then i would suggest you to create a separate report which will display the actual vs plan material wise, here you need to pass the material as a prompt.
Hope this helps in clear, please revert me for any clarification. -
How would you replace a solid color image with a gradient?
I am trying to figure out what I am even trying to ask, so I can search the appropriate terms, but basically I am trying to get the texture with the white background on the left to have the color replaced with the gradient on the right. Seems simple, but I can't figure it out.
Hi FloridaLegend, this is an adjustment layer grouped to the image (so you keep the original sourced image). This way you always have the original artwork you can go back to.
I added a b&w adjustment layer so you don't get the blue coming through, then I grouped to the layer (Ctrl+Alt+G) then added the blend to the layer above.
Here are some screenshots that should help: -
Column chart in Xcelsius dashboard with scrollbar at the bottom of chart
Hi,
I have to create a column chart to show headcount numbers for at least 40 counties in my company in xcelsius dashboard. But it does not look good to show all at a time, so I sorted data in descending order in Excel and like to show top 15 values when report is opened and like to have a scroll bar at the bottom of the chart to view remaining from 16-40. Could you help me to achieve this. I am new to xcelsius.
Thanks in advance for help.
BR, Nanda Kishore.Q) In Country tab, Should I use Panel Container? Is thsi ok?
A) Yes you can add a panel container in Tab set.
Q) more over it appears tab set height is restricted. Is there a way to increase height?
A) As far as I think, you are adjusting the Tab panel size. Better you click on the Tab button(where labels are mentioned) and then increase the size.
Q) Could you expalin more about paging option in Excel
A) As you said that you have 40 Countries and you want to show top15.
1) What I suggest you is take a ticker or some other selector in which you show page numbers.
2) Write a logic in excel such that when ever the selector throws 1 it should fetch first 1-15, when second 16-30 etc etc
3) You can sort the data and then using some if conditions you can fetch the data to chart area.
If you need further help let me know.
Regards,
AnjaniKumar C.A. -
Strok property in column chart
In my application, there is a column chart. if the user click
on any bar of the histogram(column chart), that time, stroke
property will be set in different colour.
<mx:ColumnSeries id="series" xField="xxx" yField="yyy"
>
if i add strok property in above line then it always shows
the strok in the column chart.
but i need it dynamiccaly. like
<mx:ColumnChart id="chart" dataProvider="{xyz}"
name="Histogram Chart" width="100%"
selectionMode="multiple"
height="100%" toolTip="{ccToolTip}" showDataTips="true"
itemClick="histogramBarClick(event)"
>
I want to set the stroke on the click event.
I tried in the function histogramBarClick(event){
ColumnChart.ColumnSeries .setStyle("stroke",s3);
and s3 is
<mx:Stroke id="s3" color="0xFFCC66" weight="2"/>
there is no compile time error but when i run this the i m
getting
Error #1010: A term is undefined and has no properties.
can any body help me?
ThanksAre you going to show the bar going past the maximum value?
If not, then you should change the Y value when entered into the array to the maximum value allowed. i.e.
if(itemYValue > maxAllowedValue) {
itemYValue = maxAllowedValue;
Where maxAllowedValue is a variable you set on the application to control the maximum value for the chart.
This is assuming that you are loading the values into an Array before updating the chart dataprovider with that array. -
Multiple Line Charts with Column Chart
I want to show two line charts with a column chart. Everything goes on the screen fine, except the two line charts origination point always starts at the same point despite the numbers being different. For example, the ls1 might read 280, 190, 180 and the ls2 is 175, 188, 177 but both origination points start at 280. The other two datapoints should also be close together but they have a substantial gap of about 50 between them. Obviosuly I want to have two separate lines. I have also tried moving the line series below the first lines series with no success.
<mx:ColumnChart dataTipFunction="formatDataTip"id="
myChart" dataProvider="
{FCVData}" showDataTips="
true"selectionMode="
single"change="event.stopImmediatePropagation()"
width="
100%" height="95%" y="50">
<!-- vertical axis -->
<mx:verticalAxis>
<mx:LinearAxis title="mytitle" labelFunction="defineVerticalLabel"id="
v1"baseAtZero="
true" />
</mx:verticalAxis>
<mx:horizontalAxis>
<mx:CategoryAxis dataProvider="
{MYData}" categoryField="
YEAR"
/>
</mx:horizontalAxis>
<mx:series>
<mx:ColumnSeries id="
pb"color="
#FFFFFF"xField="
YEAR" yField="B
UDGET" displayName="
Budget"hideDataEffect="
zoomOut" showDataEffect="
zoomIn">
<mx:fill>
<mx:SolidColor color="{colColor1}"/>
</mx:fill>
</mx:ColumnSeries>
<mx:LineSeries id="ls2" dataProvider="
{MYData}" yField="
ACTUAL"displayName="
Actual"
>
<mx:itemRenderer>
<mx:Component>
<mx:DiamondItemRenderer/>
</mx:Component>
</mx:itemRenderer>
<mx:lineStroke>
<mx:Stroke color="
{lineColor2}" weight="
5" alpha="
.5"
/>
</mx:lineStroke>
<mx:verticalAxis>
<mx:LinearAxis id="v3" baseAtZero="true"/>
</mx:verticalAxis>
</mx:LineSeries>
<mx:ColumnSeries
id="
asytd"color="
#FFFFFF"xField="
YEAR" yField="
SPEND" displayName="
Spend "hideDataEffect="
zoomOut" showDataEffect="
zoomIn">
<mx:fill>
<mx:SolidColor color="{colColor2}"/>
</mx:fill>
</mx:ColumnSeries>
<mx:LineSeries id="ls1" dataProvider="
{MYData}" yField="
PLAN"displayName="
Plan"
>
<mx:itemRenderer>
<mx:Component>
<mx:CrossItemRenderer/>
</mx:Component>
</mx:itemRenderer>
<mx:lineStroke>
<mx:Stroke color="
{lineColor1}" weight="
5" alpha="
.5"
/>
</mx:lineStroke>
<mx:verticalAxis>
<mx:LinearAxis title="title" id="v2" baseAtZero="true"/>
</mx:verticalAxis>
</mx:LineSeries>
</mx:series>
<mx:verticalAxisRenderers>
<mx:AxisRenderer placement="left" axis="{v1}"/>
<mx:AxisRenderer placement="right" axis="{v2}"/>
<mx:AxisRenderer visible="false" placement="right" axis="{v3}"/>
</mx:verticalAxisRenderers>
</mx:ColumnChart>Hi,
Still Trying:
I've now got this code to function:
var i:int = 0;
for each (var cat:* in event.result.chart.categories.category){
//mx.controls.Alert.show(cat.label);
var z:int = 0;
for each (var valuee:* in event.result.chart.dataset){
//mx.controls.Alert.show(event.result.chart.dataset[z].seriesName);
//mx.controls.Alert.show(valuee.sete[i].value);
z++;
i++
which works fine, how can I get in into Array to make a dataset for the flex charts?
Thanks,
Elad -
Hi all.. Am working with Column chart, and am having uneven data with which i need to come out with coumn chart.
code is give below..
<?xml version="1.0"?>
<!-- Simple example to demonstrate the ColumnChart and BarChart controls. -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" xmlns:custom="components.*">
<mx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
[Bindable]
private var medalsAC:ArrayCollection = new ArrayCollection( [
{ Country: "USA", Gold: 35},
{ Country: "China", Silver:17},
{ Country: "Russia", Bronze: 14} ]);
]]>
</mx:Script>
<!-- Define custom colors for use as fills. -->
<mx:SolidColor id="sc1" color="yellow" alpha=".8"/>
<mx:SolidColor id="sc2" color="0xCCCCCC" alpha=".6"/>
<mx:SolidColor id="sc3" color="0xFFCC66" alpha=".6"/>
<!-- Define custom Strokes for the columns. -->
<mx:Stroke id="s1" color="yellow" weight="2"/>
<mx:Stroke id="s2" color="0xCCCCCC" weight="2"/>
<mx:Stroke id="s3" color="0xFFCC66" weight="2"/>
<mx:Panel title="ColumnChart and BarChart Controls Example"
height="100%" width="100%" layout="horizontal">
<mx:ColumnChart id="column"
height="100%"
width="100%"
paddingLeft="5"
paddingRight="5"
showDataTips="true"
dataProvider="{medalsAC}"
>
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="Country"/>
</mx:horizontalAxis>
<mx:series>
<custom:extended
xField="Country"
yField="Gold"
displayName="Gold"
fill="{sc1}"
stroke="{s1}"/>
<custom:extended
xField="Country"
yField="Silver"
displayName="Silver"
fill="{sc2}"
stroke="{s2}"/>
<custom:extended
xField="Country"
yField="Bronze"
displayName="Bronze"
fill="{sc3}"
stroke="{s3}"/>
</mx:series>
</mx:ColumnChart>
<mx:Legend dataProvider="{column}"/>
</mx:Panel>
</mx:Application>
as per code... its showing graph as
If u notice the chart in each series, as there no proper data.. its showing that empty gap as per the order of column series created..
In array collection, in each object we are missing some value.
Any idea ow to remove this gap.. How to remove those empty spaces....
Thanks & Regards
PratapHi ramesh,
check out my edited version of Chandrashekhar Mahajan's fiddle
http://jsbin.com/jetoz/1/edit
Chandra was trying to create a new Dialog everytime which i've modified & chart inside a popup is a known issue which has been mentioned by SAP UI5 in Notes section. You can do a workaround by manually rerender() or setTimeout()
Regards
Sakthivel -
Bar Chart - No Solid Colors!
Post Author: xedious
CA Forum: Charts and Graphs
How do I format a bar chart so that ALL the bars show up as black and white patterns? In design mode, I can see three 'risers' that I can set the pattern and color on, but when the report runs and there are more bars due to data, crystal assigns random, solid colors.
Thanks!Post Author: rcoleman
CA Forum: Charts and Graphs
Right click your chart in design view ->chart expert->options--->you should see a chart color section in the upper left hand corner with two radio buttons;one for color and one for black and white. I'm using Crystal XI and it works for me. Not sure what version of Crystal you're in. -
Column Chart with Columns That Vary in Width
The subject is Column Chart with Columns That Vary in Width.
I have been concentrating on the column renderer. Unfortunately,
the renderer class receives control with access to limited
information. Mainly, what it gets is pixel counts that measure the
dimensions of the rectangle that ends up being a column. There is
no straightforward way to send width information to the renderer. I
can, however, change the color of the column. I thought of encoding
the width in the height, but that distorts the actual height,
potentially causing the chart scale to be computed incorrectly.
Also, the encoding is hard to reverse once the height in
transformed by an unknown and varying scale factor so that the
column fits on the chart. I love the way the column chart looks. I
only want to alter the width of each individual column. Since I am
drawing each column, if I knew the widths, I'd be done by now. Do
you have a better approach? Thanks in advance.You need three ColumnSeries. Set the dataProvider of each directly (instead of setting it for the ColumnChart) to something like this:
var cars:ListCollectionView = new ListCollectionView();
cars.list = inventory;
cars.filterFunction = function(item:Object):Boolean {
return item['category' /* or whatever your category field is */] == 'cars';
Do something similar for bikes and trucks. You can do something like this if you don't know the number of categories as well, but it's rather trickier (and left as an exercise for the reader). -
How do you combine a stacked column chart with a clustered column chart
Hello,
I am trying to combine a stacked column chart with a clustered column chart. I know that in Excel there is a way to trick that described on the next site: http://people.stfx.ca/bliengme/ExcelTips/Columns.htm
Is that possible with BI Publisher?
Thank you very much!
Codruta CrisanFinally I get it myself:
You need to use graph type as BAR_VERT_STACK2Y and the declare the series that you want to see on the first Y vertical bar as assignedToY2="false" and the ones that you wanr to see on the second Y vertical bar as assignedToY2="true".
In my case I use 4 Series, 2 stack on the first clustured column and 2 stacked on the second (2Y) clustured colum....see below
graphType="BAR_VERT_STACK2Y">
<SeriesItems>
<Series id="0" assignedToY2="false" color="#BBD6E7"/>
<Series id="1" assignedToY2="false"/>
<Series id="2" assignedToY2="true" color="#004A96"/>
<Series id="3" assignedToY2="true"/>
</SeriesItems> -
Drill Down between 2 stacked column chart with multiple rows.
Hi,
Can anyone please help me.
1) i have to create stacked column chart with Region and cout of calls for previous 3 quarters.
2) the 2nd stacked column should display the priority with the count of calls for the respective selection of region on the 1st chart..
to achieve this,
i'm using 2 stacked column charts and 1 lebel baseb menu.
from this i can able to get the drill down from label based menu to 2nd stacked column chart but i couldn't able to done the same from 1st stacked coumn chart.
Becoz my data is multiple row for each quarter.
please suggest me to achieve the drill down between 2 stacked column charts.
assume that my data like below.:
coulmns for 1st stacked column chart : Region, Q2,Q3 &Q4
Region Q2 Q3 Q4
Other 3658 3497 497
NA - North
America 3 3 1101
APJK 1 4 597
UK 324
EMEA North 1 1 288
CORPORATE 1 5 215
LA -
Latin America1 2 208
EMEA 1 199
EMEA South 1 1 169
Coulmns for 2nd coumn chart: Region, Priority, Q2,Q3,Q4 ()which is derived from 1st table.
Region Priority Q2 Q3 Q4
Other D: End of Next Day 1568 1613 239
Other C: End of Day 983 893 119
Other A: 2 Hour 631 610 70
Other B: 4 Hour 396 318 56
NA -
North AmericaD: End of Next Day 2 2 514
APJK D: End of Next Day 3 297
NA -
North AmericaC: End of Day 284
NA -
North AmericaA: 2 Hour 1 170
UK D: End of Next Day 157
APJK C: End of Day 1 1 152
Other E: 3 - 5 Business Days 68 58 13
EMEA North D: End of Next Day 1 136
CORPORATE D: End of Next Day 4 107
NA - North America B: 4 Hour 1 104
LA - Latin America D: End of Next Day 1 1 86
EMEA D: End of Next Day 86
UK C: End of Day 85
APJK A: 2 Hour 79
EMEA South D: End of Next Day 72
EMEA North A: 2 Hour 69
EMEA North C: End of Day 56
APJK B: 4 Hour 55
EMEA C: End of Day 1 53
LA - Latin America C: End of Day 54
UK A: 2 Hour 49
EMEA South C: End of Day 1 44
CORPORATE A: 2 Hour 1 43
CORPORATE C: End of Day 44
LA - Latin America A: 2 Hour 1 42
EMEA South A: 2 Hour 1 32
EMEA B: 4 Hour 30
UK B: 4 Hour 30
EMEA A: 2 Hour 27
EMEA North B: 4 Hour 1 26
NA -
North AmericaE: 3 - 5 Business Days 25
LA - Latin America B: 4 Hour 23
EMEA South B: 4 Hour 20
CORPORATE B: 4 Hour 17
APJK E: 3 - 5 Business Days 13
Other F: 6 - 10 Business Days 6 4
Other G: 11 - 20 Business Days 6 1Hi Srinivas,
I'm using label based menu "filterd rows" only but i couldn't bind the drill down with the 1st stacked column chart.
for mor details:
1) i'm having 2 stacked coumn charts & 1 lebel based menu but eventhough i couldn't able to achieve.
if i select the lebel based values then the 2nd stacked column charts is giving detailed valus but if i keep my mouse on the 1st stacked column chart the there is no changes on the 2nd chart..
somewhere i'm mising the binding data between 1st stacked coumn chart & lebel based menu on drill down part.
Becoz i'm having multiple rows. so can you please try your and send me the xlf file using your concept. -
Help Creating Dynamic Stacked Column Chart with Multiple Criteria
Hi all. Im new here and hoping you can help. I have a dashboard Im trying to rebuild from scratch (our computer had a meltdown and we lost all our files). I did not build the dashboard initially so Im trying to recreate it from the flash file we were able to recover. I have come across a chart that I just cannot figure out how to do. I can figure out how to write an array in the Excel sheet that pulls the data into a table the way I need it to be but found out after I wrote that that Xcelcius doesn't support arrays so all my data disappears when I go into preview mode (which is especially frustrating since I can see the chart working fine in design mode). Anyway this is what the data table looks like
Month Year Company Positive # Negative # Neutral # Positive % Negative % Neutral %
October 2011 CompanyA 1234 1234 1234 10 10 10
October 2011 CompanyB 1234 1234 1234 10 10 10
October 2011 CompanyC 1234 1234 1234 10 10 10
October 2011 CompanyD 1234 1234 1234 10 10 10
November 2011 CompanyA 1234 1234 1234 10 10 10
November 2011 CompanyB 1234 1234 1234 10 10 10
November 2011 CompanyC 1234 1234 1234 10 10 10
November 2011 CompanyD 1234 1234 1234 10 10 10
December 2011 CompanyA 1234 1234 1234 10 10 10
December 2011 CompanyB 1234 1234 1234 10 10 10
December 2011 CompanyC 1234 1234 1234 10 10 10
December 2011 CompanyD 1234 1234 1234 10 10 10
The original chart was built so that you would choose the month from a combo box and then the company names would show up along the X axis with their % amounts shown in the stacked column. I know how to make a combo box work and I know how to make a stacked column chart work with static data. I cannot for the life of me figure out how to get it to work so that when you choose the month from the combo box it filters the data. I've tried filtered rows but I'm just missing some information that makes it work and I can't figure out what that information is. It has to be able to get the month/year combo from the combo box and then go to the table, filter it by month and year and then create a multi-row table of data with just the company and the percent values. Any help would be greatly appreciated!Which connection you are using?
IF quite difficult if you are working under static data. -
Need help to develop report with column chart
Hi
I am new to SAP BO world.Could anyone please help me to design report with column chart.Please guide me how to develop report for the following requirement.I am not aware of variance columns and variance labels.Please provide some guidance or some tutorials(for column Chart) so that I can complete the task. Please reply me as soon as possible.Waiting for reply.Thanks in advance.
Type: Column Chart
u2022 Rows: Banking Asset Margin (%)
u2022 Start / End Columns: PY YTD Act(Prior year year to date); CY YTD Act(Current year Year to date)
u2022 Variance Columns: # Var (CY-PY Act) for GOLM; Volume; Rate; Non Banking NII; Banking Volatility in NII; Banking Volatility in OOI; Fees/One Offs/Other; Volatile Items; Sophie
u2022 Sub-total columns: PY YTD Underlying; CY YTD Underlying.
u2022 Variance Labels: % Var (CY-PY Act) for Total Income and Underlying Income
u2022 Sub-Total Labels: # Var (CY-PY Act) for Net Insurance Income; Banking Volatility; Other Operating Income
Additional information
u2022 Variance columns (bar) colours: Red = Adverse to Prior Year; Green = Favourable to Prior Year
u2022 Columns to show values. Adverse values to be shown in red text in brackets. Favourable results in black text.
u2022 All values in Black, but adverse to be shown below the bar.Hi,
This type of question is almost impossible to answer over a forum .
You need to work with your business to understand what these requirements mean in terms of data modelling and relationships between object entities.
- Some of these metrics should be delegated to source, and calculated in the update routines to your datatargets (aka Cubes/Tables)
- Others could be resolved in the semantic layer (Universe)
- Other will be calculated in the presentation layer as local formulae or variables.
whilst BusinessObjects is a fairly intuitive tool, it may be unreasonble to expect a new learner to deliver an advanced report with conditional formatting.
Regards,
H -
Problem with mouse-over value on a column chart (by Series)
Hi.
First of all thanks for any offered tip.
I am having a problem with a column chart.
When I move the mouse over a column it should show a small pop-up (or tip) with the column name (series name) and the value (series value). The problem is that it displays an extra '1' just like the following:
SeriesName
1
X.XXX
How can I remove the extra '1' and only show the name and the value ?
The data is populated by series (manually added).
Mihai.Hi,
Thanks for the tip Shanthakumar KA.
Yes. It looks like the '1' is coming from the X Axis labels. The chart that I have built does not require any labels on the X Axis, so this was not set (X-Axis labels: Empty). I tried setting this to an empty cell, but the '1' still appears in the mouse-over tip.
It is very weird. If I leave the X-Axis labels empty, I still get the '1' displayed which is very annoing.
Are there any solutions for this except the re-building the tip with a label a.k.a. '[customize the mouse over values|http://xcelsiusandme.blogspot.com/2009/07/xm-sample-7-customizing-mouse-over.html].'
Regards,
Mihai. -
Column Chart with Multiple axes
Hi folks
I am using flex 2 charts for displaying data. I want to show my data using column chart with secondary axis. However columns for multiple series are coming one over another. here is the code I have attached:-
But I want to put columns side by side. Any thoughts will be appreciated.
Warm Regards
Rush-meAny thoughts?
Warm Regards
Rush-me
Maybe you are looking for
-
Best Safari version for 10.6.6
I'm running Safari 5.0.2 on a 15" Macbook Pro running Snow Leopard 10.6.6. I'm having issues with some sites so wish to try another version of Safari to see if that will help. I downloaded versions 5.0.2 (just for safety if I had to return to it), 5.
-
About Some Interview Questions
Hi Friends , Here are the some questions which i was unable to answer ... pls give a reply for dis answers 1. In direct input method the data is uploaded on application server in which of the following file . a.logical file b.physical file c. the dat
-
Javascript error creating address group
Hi Having a problem with XP SP2. In the webinterface, chose Addresses - New Group. Select someone from the left panel. Press 'Add>'. Now we get an errormessage that says, JavaScript Error http://a.b.c.d/en/editPabGroup_fs.html?rtfPossible=true&lang=e
-
Fixed Layout EPUBs in Adobe Indesign CC 2014
Hi Friends, I'm fascinated with the prospects of the Fixed Layout EPUBs. In the few video tutorials that are more current, Adobe host shows the ability to PREVIEW the EPUBs using the menu item OBJECT > INTERACTIVE > Epub Previewer. But no go. So
-
Hi All When we Release the Production Order from the Planned Stage . 1) Can we able to make Receipt for Production Order without Issue for Production with the issue Method Kept as Manual. If yes then what is the concept behind it, to do Receipt befor