Horizontal axis Labels in tabular style

I have a weird requirement. I want to draw the horizontal axis of a column chart in a tabular style, like a table with one row. each label will become one cell. I am trying to tweek it out, since I can see labelRenderer of AxisRenderer is the only way for that. I had a small lead, when I used opaquebackground to give the backgound color. But since am using label renderer for formatting the labels, the opage background is painting in too much thickness. please give any input if anyone have any other lead.

Hi Stewart,
I could not try this yet, but how about 'Enabling the Contains HTML Markup' for the columns for Heading and including a '' tag at the end of the name.
Ex: Column - >Properties -> column Format -> Column Heading -> Enable Contains HTML Markup -> Column Heading's suffix =less than symbol /br greater than symbol (Oracle forums is even break the line too!! ;) So included the text)
Hope this helps.
Thank you,
Dhar
Edited by: Dhar on 15-May-2012 20:11
Edited by: Dhar on 15-May-2012 20:12

Similar Messages

Horizontal Axis labels display

I have a graph with the a daily value for a whole year which
means I have 365 values on one graph the lineseries are readable
but the fact to have 365 labels on the X-axis makes it not
readable. Does anybody knows how to display only one label over ten
of the horizontal axis.
Thank you for your help.

Anyone help me in this ???
some time i need to hide them also. how to do ?

Break for Horizontal Axis Labels in OBIEE 11g Bar Chart

Hi all,
I have a vertical bar chart created in OBIEE 11g. The horizontal axis (x-axis) is a compound of Scenario, Year, and Month. The chart width is already long enough so it cannot be made any longer.
The chart looks like this (the label of horizontal axis is staggered):
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
Actual Feb 2012____________Actual Apr 2012
___________Actual Mar 2012_____________Actual May 2012
How can I force the labels for the horizontal axis to be broken into 2 lines (or even 3 lines), so that it will look like this:
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___llllllllllllll_________llllllllllllll_________llllllllllllll_________llllllllllllll
___Actual________Actual________Actual________Actual
__Feb 2012_____Mar 2012_____Apr 2012______May 2012
Any advice? Thanks a lot!

Hi Stewart,
I could not try this yet, but how about 'Enabling the Contains HTML Markup' for the columns for Heading and including a '' tag at the end of the name.
Ex: Column - >Properties -> column Format -> Column Heading -> Enable Contains HTML Markup -> Column Heading's suffix =less than symbol /br greater than symbol (Oracle forums is even break the line too!! ;) So included the text)
Hope this helps.
Thank you,
Dhar
Edited by: Dhar on 15-May-2012 20:11
Edited by: Dhar on 15-May-2012 20:12

Horizontal axis labels

Hi everyone.
I've got a line graph, and currently the labels on the horizontal axis are centered on the gridlines / ticks. How can I move the labels so they appear between the lines?
any help much appreciated!
Kieran

I can't give you a full answer, but I can point you in the
right direction
1) Add a label function to your categoryAxis
<mx:horizontalAxis>
<mx:CategoryAxis labelfunction=test categoryField="cdate"
/>
</mx:horizontalAxis>
2) Code your label function in an AS block something like
this:
public function test(categoryValue:Object,
previousCategoryValue:Object, axis:CategoryAxis,
categoryItem:Object):String{
if (previousCategoryValue == null){
return categoryValue.valueOf();
}else if (previousCategoryValue.valueOf() !=
categoryValue.valueOf()){
return categoryValue.valueOf();
}else
return "";
Now, the thing is, your axis category is going to be a date,
right ? I'm guessing, because I haven't seen your data. So, each
date will be different to the next, so you'll ALWAYS fall into the
second condition of the for loop. What you'll have to do is extract
the "year" value and store that in a temporary value that always
stored the "Current" value, example: 2005. When you come across a
year of 2006 (temp != current year value of the axis), return the
NEW current year value.
If you are including the "year" value in your datasource
item, you can access that in the "categoryItem" variable. If you
debug the above code, you'll get a better look at what's going on.
I'm sure you'll have no problem going from here.
Cheers,
David

How to give individual horizontal axis label to two stacked bar of cartesian chart

I have a cartesian chart showing no. of xyz and no.of abc for a particular period of time. i.e. two bars corresponding to xyz & abc for Jan, and then again two bars corresponding to xyz & abc for Feb, and so on. I have used label function to give label to horizontal axis such that labels look like "xyz abc (nextLine) Jan" ,"xyz abc (nextLine) Feb".
But the issue is that the label is not centre alligned to the respective bars, i.e. xyz is not coming under xyz bar and abc is not coming under abc bar. the whole label's alignment is somewhere in between the two bars on x-axis. And i want to have label centre alligned to their respective bars, i.e 'xyz' should be centre alligned to 'xyz' bar, and 'abc' label should be centre alligned to 'abc' bar, along with the time period value. I have tried giving space in between "xyz" and "abc" but the problem occurs when data varies.They again don't seems centre aligned. I want x-axis label for each bar along with the categoryaxis's category field.
So,is there any way to achieve such functionality??

Could you post a screenshot of your current output and maybe a mockup of the desired output?

Labels are not clearly visible on Horizontal Axis

I want to display a full timestamp on the horizontal axis of a LineSeries. But the labels are not clearly visible. The below is the screenshot.
I have already tried using LabelRenderer and set a larger font size and also tried increasing the width of the label itself. But, it didnt work. It seems there is some container for the lable which has fixed width. Does anyone know how to increase this width and make the text clearly visible.
Thanks

Hi Mohd Fayaz,
Have you tried setting the larger fontSize on LineChart.
<mx:LineChart fontSize="18" />
Thanks,
Bhasker

Chart Axis Labels Not Always Accepting Style Properties

I have two charts as seen in the following screenshot and in one my style properties are taking effect, in the other the style font size is not taking effect for one of the axis.
I have this CSS which I know does affect some areas of both charts:
BarChart, ColumnChart, PieChart, LineChart, Series, ChartItem, PieSeriesItem, AxisRenderer, ChartLabel
 font-size: 16;
I also have axis renderers defined:
<mx:horizontalAxisRenderers>
 <mx:AxisRenderer axis="{lineHorizAxis}" fontSize="16"/>
</mx:horizontalAxisRenderers>
<mx:verticalAxisRenderers>
 <mx:AxisRenderer axis="{lineVertAxis}" fontSize="16"/>
</mx:verticalAxisRenderers>
The left chart where axis labels are styled properly has 10 data items coming in, and the right chart has 6 items coming in.
I don't know why the axis font size is being ignored in one case, but more importantly, how can I prevent it from being ignored (even if it is due to longer strings, in case that may be related).

Just wondering if anyone has any ideas on how I can get around this.
I'm guessing I need to override AxisRenderer, but all its relevant methods are private.
Should I create a label factory instead?

How to display PIE chart Axis label horizontally?

Hi
Currently my PIE chart axis label is displying in 2 lines. How make it to display in one line?
Thank you

hi,
For Pie chart there will be no X-axis or Y-axis terms generally.
Label/Text could be one of the following.
Title?
or Sub Title?
or Foot note?
Right Click -> Format Title . Reduce the font size such that it fits into a single line.
Regards,
Vamsee

How to display axis labels on both x and y-axis of a column chart

hi,
i have an urgent requirement of having axis labels on both x and y axis
In x-axis i got it by sorting order also but in y-axis i'm unable to do
i need in y-axis ,my column values are L1,L2,L3,----L10these shuold display in y-axis in sorting order and 0 in axis should remain as it is ..........how to take the interval ....? as of now i'm using Auto
my y-axis values shud look like 0,L1,L2,L3,L4,----L10can anyone get perfect solution
thanx in advance
lucky

Hi Lucky,
Per my understanding that you want to display the values(Column1) like "L1,L2,L3....L10" which comes from the "Series group" in the Y-Axis label and keep the row group in "Category group" to
display in the x-axis and Numric column(1,2,3,4) in the "Value", right?
Gernerally the lable display in the y-axis is automatically based on the value of the Numric column in the "Value" and it default is numbric labels.
I have tested on my local environment and in your scenario, i suggest to hide the axis lable of the y-axis and create an tablix to only show the one column contains the values (L1,L2,L3,L3) to display in the place of the hidden y-axis label.
Detais information about to design an new y-axis label ae below for your reference:
Create an tablix to display only the row group of the "Column1" ( for the
Column1 may have duplicate values, you can create parent row group for this column and hide the detail column by setting the "Column Visibility").
Right click the y-axis to select the "Vertical Axis Properties" and select the "Labels" on the left pane to check the "Hide Axis labels"
Select the Chart Area and in the properties set value of left=0 under the CustomPosition:
Set the border style=None for both the Chart and Column1's row group
Drag the tablix at the position near the hidden y-axis and set the size of both the chart and the tablix to make the value in the tablix row group(Column1) to be align with the y-axis label:
Right click the "Chart legend" to delete or hide the legend
If you still have any problem, please feel free to ask.
Regards,
Vicky Liu
Vicky Liu
TechNet Community Support

X axis labels in Charts

Hello All,
I am using column charts in my Xcelsius Dashboard (Xcelsius 2008 - SP5). The X-axis labels are too lengthy, it is displaying vertically. The requirement is to display the names horizontally and wrap the text. I cannot use label component as workaround as the names are populated dynamically. Any suggestions are appreciated.
Thanks,
Sowrabha

Hi,
This is common issue for all our developers, i will suggested you some workaround please try and let me know.
1. If series values are less in horizontly then try to use bar chart and see whether it suits for you.
2. Use the range slider to display only first 4 or 3 values, so that you can get the entire text without shrinked, later on they can slide to see all values.
3. try to apply the below given logic, i haven't dont this. I thought it would be helpful for you.
Handling long Y-Axis Labels in Bar charts in less space...
Hope it helps!!!
--SumanT

Line graph, How do graph month only on Horizontal axis?

I'm trying to graph year trends by month on the horizontal axis. However, it keeps breaking up the months by adding the year, so I have three separate line trends. How do I fix this?

Hi,
You should move to the production version of JDeveloper 11g that was just released:
http://www.oracle.com/technology/products/jdev/index.html
However I have a answers for your questions:
1. Setting time tick labels to hours: This should work by setting continuousTimeAxisInterval="CTAI_HOUR" on the advanced graph tag.
Here's the tagdoc for that attribute.
continuousTimeAxisInterval
Specifies the interval along a continuous time axis only if you want to override the value that the graph calculates automatically. Valid values are as follows:
* CTAI_AUTOMATIC - (Default) Graph calculates the interval automatically.
* CTAI_YEAR - Sets the interval to years.
* CTAI_MONTH - Sets the interval to months.
* CTAI_DAY - Sets the interval to days.
* CTAI_HOUR - Sets the interval to hours.
* CTAI_MINUTE - Sets the interval to minutes.
* CTAI_SECOND - Sets the interval to seconds.
2. Vertical gridlines can be set by using the o1Axis tag and setting the tickStyle. This should change all o1Axis ticks to gridlines. For different lineStyles, you can also use the lineStyle attribute.
<dvt:graph>
<dvt:o1MajorTick tickStyle="GS_GRID"/>
</dvt:graph>
Hope this helps
Katia

Axis labels with clusters of stacked columns

I've created a ColumnChart that contains clusters of stacked columns. Each of the 6 clusters contains 3 stacked columns.
The ColumnChart creates the chart nicely (thanks to the dataFunction property), but the xAxis only displays the cluster label (so, "Cluster 1", or "Cluster 2", etc.). That means the only way to tell which data set you're looking at, you have to mouse over the data to get the datatip to show up.
Using the labelFunction of the Category axis lets me output each of the dataset names along with the cluster set name, but I'm unable to center the dataset names below their respective datasets because the labelFunction just returns a single string for the cluster (as oppose to a string for each of the stacked columns within the cluster).
Is there a way to get an xAxis label for each of the stacked bars? I've included the sample code below. The labelFunction has been removed from this sample code because it wasn't working as I had hoped.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="vertical">
 <mx:Script>
 <![CDATA[
 import mx.charts.HitData;
 import mx.charts.series.ColumnSeries;
 import mx.charts.ChartItem;
 import mx.charts.chartClasses.Series;
 import mx.messaging.AbstractConsumer;
 import mx.collections.ArrayCollection;
 [Bindable] private var _dataProvider:ArrayCollection = new ArrayCollection(
 label: 'Skill 1',
 fpr: {
 label: 'Fall progress report',
 E: 30,
 G: 40,
 S: 20,
 N: 10
 term1: {
 label: 'Term 1',
 E: 25,
 G: 35,
 S: 25,
 N: 15
 term2: {
 label: 'Term 2',
 E: 20,
 G: 45,
 S: 30,
 N: 5
 label: 'Skill 2',
 fpr: {
 label: 'Fall progress report',
 E: 30,
 G: 40,
 S: 20,
 N: 10
 term1: {
 label: 'Term 1',
 E: 25,
 G: 35,
 S: 25,
 N: 15
 term2: {
 label: 'Term 2',
 E: 20,
 G: 45,
 S: 30,
 N: 5
 private function onDataTipFunction(hitData:HitData):String
 var columnSeries:ColumnSeries = hitData.element as ColumnSeries;
 if(columnSeries)
 var dataTip:Array = new Array();
 dataTip.push(''+ hitData.item.label +' ');
 dataTip.push(''+ hitData.item[columnSeries.xField].label +' ');
 dataTip.push(hitData.item[columnSeries.xField][columnSeries.yField] +'%');
 return(dataTip.join(''));
 return('');
 private function onDataFunction(series:Series, item:Object, fieldName:String):Object
 var columnSeries:ColumnSeries = series as ColumnSeries;
 if(fieldName == 'xValue')
 return(item.label);
 }else if(fieldName == 'yValue')
 return(item[columnSeries.xField][columnSeries.yField]);
 return(null);
 ]]>
 </mx:Script>
 <mx:SolidColor id="fill1" color="0xF8B64F" />
 <mx:SolidColor id="fill2" color="0x4B9EF8" />
 <mx:SolidColor id="fill3" color="0x9ACC33" />
 <mx:SolidColor id="fill4" color="0xAD77D2" />
 <mx:Stroke id="stroke" color="0xFFFFFF" />
 <mx:ColumnChart id="columnChart" dataProvider="{_dataProvider}" dataTipFunction="onDataTipFunction" showDataTips="true">
 <mx:series>
 <mx:ColumnSet type="clustered">
 <mx:series>
 <mx:ColumnSet type="100%" displayName="Fall progress report">
 <mx:series>
 <mx:ColumnSeries xField="fpr" yField="E" displayName="Excellent"
 dataFunction="onDataFunction"
 fill="{fill1}" stroke="{stroke}" />
 <mx:ColumnSeries xField="fpr" yField="G" displayName="Good"
 dataFunction="onDataFunction"
 fill="{fill2}" stroke="{stroke}" />
 <mx:ColumnSeries xField="fpr" yField="S" displayName="Satisfactory"
 dataFunction="onDataFunction"
 fill="{fill3}" stroke="{stroke}" />
 <mx:ColumnSeries xField="fpr" yField="N" displayName="Needs improvement"
 dataFunction="onDataFunction"
 fill="{fill4}" stroke="{stroke}" />
 </mx:series>
 </mx:ColumnSet>
 <mx:ColumnSet type="100%" displayName="Term 1">
 <mx:ColumnSeries xField="term1" yField="E" displayName="Excellent"
 dataFunction="onDataFunction"
 fill="{fill1}" stroke="{stroke}" />
 <mx:ColumnSeries xField="term1" yField="G" displayName="Good"
 dataFunction="onDataFunction"
 fill="{fill2}" stroke="{stroke}" />
 <mx:ColumnSeries xField="term1" yField="S" displayName="Satisfactory"
 dataFunction="onDataFunction"
 fill="{fill3}" stroke="{stroke}" />
 <mx:ColumnSeries xField="term1" yField="N" displayName="Needs improvement"
 dataFunction="onDataFunction"
 fill="{fill4}" stroke="{stroke}" />
 </mx:ColumnSet>
 <mx:ColumnSet type="100%" displayName="Term 2">
 <mx:ColumnSeries xField="term2" yField="E" displayName="Excellent"
 dataFunction="onDataFunction"
 fill="{fill1}" stroke="{stroke}" />
 <mx:ColumnSeries xField="term2" yField="G" displayName="Good"
 dataFunction="onDataFunction"
 fill="{fill2}" stroke="{stroke}" />
 <mx:ColumnSeries xField="term2" yField="S" displayName="Satisfactory"
 dataFunction="onDataFunction"
 fill="{fill3}" stroke="{stroke}" />
 <mx:ColumnSeries xField="term2" yField="N" displayName="Needs improvement"
 dataFunction="onDataFunction"
 fill="{fill4}" stroke="{stroke}" />
 </mx:ColumnSet>
 </mx:series>
 </mx:ColumnSet>
 </mx:series>
 <mx:horizontalAxis>
 <mx:CategoryAxis categoryField="label" />
 </mx:horizontalAxis>
 </mx:ColumnChart>
 <mx:HBox width="100%" horizontalAlign="center">
 <mx:Legend dataProvider="{columnChart}" direction="horizontal" width="500" height="30" />
 </mx:HBox>
</mx:Application>

Hi id,
Thank you for your response. I hope you are doing well.
There is an example in the LabVIEW Example Finder (Help>>Find Examples..). It is titled, Stacked Bar Graph. You can search for it if you switch tabs in the Example Finder window. This should help you create a stacked bar graph. To help you with your veritcal axis labels, here is a knowledge base link that details the process:
How Can I Customize the X-Axis Labels On My LabVIEW Graph/Chart So They Appear Vertically?
http://digital.ni.com/public.nsf/allkb/1F7C1B089E45908E86256C8C0051894A?OpenDocument
Let me know if these examples help.
Best regards,
Anna L
Applications Engineer
National Instruments

LinearAxis as horizontal axis in LineChart

Hi guys,
The ff: is an excerpt of the xml i am working with:
<?xml version="1.0" encoding="UTF-8"?>
<efiles>
<dataset name="BoyBMI">
<age month="24">
<P5>14.737319472</P5>
<P10>15.090328265</P10>
<P25>15.74164233</P25>
<P50>16.575027675</P50>
<P75>17.55718781</P75>
<P85>18.162194733</P85>
<P90>18.609481276</P90>
<P95>19.338010618</P95>
</age>
<age month="24.5">
<P5>14.719292573</P5>
<P10>15.071174743</P10>
<P25>15.71962876</P25>
<P50>16.547774867</P50>
<P75>17.521292788</P75>
<P85>18.119549228</P85>
<P90>18.561106338</P90>
<P95>19.278898128</P95>
</age>
<age month="25.5">
<P5>14.683608414</P5>
<P10>15.033357254</P10>
<P25>15.676344635</P25>
<P50>16.494427632</P50>
<P75>17.451350388</P75>
<P85>18.036680126</P85>
<P90>18.467295933</P90>
<P95>19.164659645</P95>
</age>
</dataset>
</efiles>
The actual age(months) values is up to 240.5 months. So this
xml is kind of too long to post. ;)
Anyways, the goal is to present this data into a line chart
with the elements:
-age(in years) in horizontal axis;
-the values of P5,P10,P25,P50,P75,P85,P90,P95 in vertical
axis.
The values are plotted so well in the chart and so is the
vertical axis. The problem is in displaying labels in the
horizontal axis. Primarily, I made use of CategoryAxis but the
labels are not displaying at all. And then i utilized LinearAxis
and created a labelFunction renderYears(). However, I noticed that
it takes a different value for the month. Why is it that the age
values taken by LinearAxis is the index instead of the month value
in the xml? Say, the age month value in the xml is 24, the value it
evaluates is 0, then if the month value is 24.5 it takes 1, so on
and so forth. How can LinearAxis takes month as the value to be
evaluated in the labelFunction? Please help....
Thanks a lot.

Hi guys,
The ff: is an excerpt of the xml i am working with:
<?xml version="1.0" encoding="UTF-8"?>
<efiles>
<dataset name="BoyBMI">
<age month="24">
<P5>14.737319472</P5>
<P10>15.090328265</P10>
<P25>15.74164233</P25>
<P50>16.575027675</P50>
<P75>17.55718781</P75>
<P85>18.162194733</P85>
<P90>18.609481276</P90>
<P95>19.338010618</P95>
</age>
<age month="24.5">
<P5>14.719292573</P5>
<P10>15.071174743</P10>
<P25>15.71962876</P25>
<P50>16.547774867</P50>
<P75>17.521292788</P75>
<P85>18.119549228</P85>
<P90>18.561106338</P90>
<P95>19.278898128</P95>
</age>
<age month="25.5">
<P5>14.683608414</P5>
<P10>15.033357254</P10>
<P25>15.676344635</P25>
<P50>16.494427632</P50>
<P75>17.451350388</P75>
<P85>18.036680126</P85>
<P90>18.467295933</P90>
<P95>19.164659645</P95>
</age>
</dataset>
</efiles>
The actual age(months) values is up to 240.5 months. So this
xml is kind of too long to post. ;)
Anyways, the goal is to present this data into a line chart
with the elements:
-age(in years) in horizontal axis;
-the values of P5,P10,P25,P50,P75,P85,P90,P95 in vertical
axis.
The values are plotted so well in the chart and so is the
vertical axis. The problem is in displaying labels in the
horizontal axis. Primarily, I made use of CategoryAxis but the
labels are not displaying at all. And then i utilized LinearAxis
and created a labelFunction renderYears(). However, I noticed that
it takes a different value for the month. Why is it that the age
values taken by LinearAxis is the index instead of the month value
in the xml? Say, the age month value in the xml is 24, the value it
evaluates is 0, then if the month value is 24.5 it takes 1, so on
and so forth. How can LinearAxis takes month as the value to be
evaluated in the labelFunction? Please help....
Thanks a lot.

Horizontal Axis not showing when initial loading

Hi,
We are on Dashboard 4.1 SP3.
I have drilling down configured on the Dashboard report. The issue is when initial loading the dashboard. the horizontal text are not showing completly, untill I click the other column of the parent column, it shows the child horizontal text.
Could you please help.
Thanks,

Hi Dave,
There are some issues still in displaying the horizontal axis.
1844514 - Dashboard X axis labels are cutoff
As a workaround what you can do, use the range slider to make the date text to display vertically rather than horizontal or you can enlarge the size of the chart at the max to make them to display vertical.
Hope this helps!!!
--SumanT

Waterfall Report / Dates on Horizontal Axis

I need to create a waterfall report and I have dates on my horizontal axis. For some Reason I cant lay out the data in order to order service dates and Posting Dates in such a way that my vertical axis labels are service dates, and my horizontal
axis are accounting posting dates - The values for bars in the chart should be a calculate percentage - or value -
(I do know how to add a secondary Axis! :))
Does anyone know how to do this in SSRS 2008R2?
KDW

Hi siera_gld,
Based on my understanding, you want to order [SRVC YRMO] field on the horizontal axis and [Post Year Month] field as a series within a chart, right?
If so, in your scenario, you can design the report like below:
Otherwise, please provide report design and expected results for our analysis. If possible, please provide some screenshots about expected chart.
If you have any question, please feel free to ask.
Best regards,
Qiuyun Yu
Qiuyun Yu
TechNet Community Support

Horizontal axis Labels in tabular style

Similar Messages

Maybe you are looking for