BarChart vertical axis label - possible to control width?

Is there a way to control/force the width for the vertical axis labels so that a label stays readable?
Currently my labels are short sentences that get resized down to an illegible font size while the bars (series) stay quite large.
It would be ok for the bars (series) to be squashed so that the labels stay readable.
I have been searching for a couple of hours but cannot find a way to do this. Specifying a fontSize="xx" on the <mx:AxisRenderer> for the vertical axis seems to have no effect (nor does specifying the font size in the CSS). I have also tried setting "minWidth" and "width" to no avail...

Well by chance I found this forum posting through a search engine query:
http://forums.adobe.com/message/1964315#1964315
It explains that you need to set the gutter style properties to accomodate longer lines of text. In this case,
gutter-left:400;
in the BarChart style did it for me.
It would be nice if an axis label could be wrapped onto two or more lines if needed but the solution above works for now...
J

Similar Messages

Pivot chart vertical axis label show percentage

Hi All,
I have a pivot chart showing percentage of the row. the vertical axis label can only show 0, 1, 2; I change it to specify value with 'Minimum' 0 and 'Maximum' 1.
Wondering how to show vertical axis label with minimum 0% and maximum 100%, instead of 0 and 1.
Thank you,
Ling

Hi lets try once like this,
In Pivot table go to edit view-Position-Graph only-Edit graph properties-click on scale tab-Axis Limits-in drop down list select specify. Here u can select minimum and maximum scale.
Please mark if it help you.....

Labview Intensity Graph Vertical Axis Label

When I change the font of the vertical axis label of a Labview intensity graph, the label disappears. Is this a Labview bug or is there a way to correct the problem?

Here are those screenshots... I was a little quick to submit
- JLS
PS - of course, when you're editing the free label, it doesn't have those nasty affects, and if you group the objects (see the Free Label and Grouping screenshot) it behaves (at least cosmetically) much like a native graph label
Best,
JLS
Sixclear
Attachments:
Free Label and Grouping.JPG ‏81 KB
While Typing.JPG ‏66 KB
After Typing and Clicking Off the Graph.JPG ‏67 KB

Vertical axis labels on column chart

I'm trying to get the x-axis labels oriented vertically on a 3D column chart, so that the labels don't overlap each other. With 2D column charts I can do this via "format>chart>format x-axis" but these options are grayed out with the 3D column chart. Is there any way to get vertical orientation on the axis labels with this chart type???

It's usually not necessary to make the axis labels vertical to keep them from overlapping in a 3D chart since when you rotate the chart the labels are vertically offset. But you're right, there's no other control for this.
Jerry

Chart Axis: Label Renderer pixel width

Am using custom label renderer for Chart Axis labels.
CustomLabelRenderer extends label
override public function set data(value:Object):void
if(value is AxisLabel){
dataValue = String(value.text);
else{
dataValue = String(value);
I would like to get the Width of the Label component in PIXELS on runtime.
Can you please tell me how I can get the pixel width of the labels that gets updated when user changes the screen resolution.
Please let me know ASAP.
Thanks

See this example and the related thread:
http://apex.oracle.com/pls/otn/f?p=31517:222
Basically, you need to customize the chart XML. That is quite easy to do.
Denes Kubicek
http://deneskubicek.blogspot.com/
http://www.opal-consulting.de/training
http://apex.oracle.com/pls/otn/f?p=31517:1
-------------------------------------------------------------------

Is it possible to mix italic and non-italic fonts in an axis label?

Is it possible to mix italic and non-italic fonts in an axis label in diadem reports?

No, there is no chance to do this.
You can only use the "Textobjekt" to mix italic and non-italic fonts.
Thanks
Klaus D

Rotate font, Is it possible? Need a Y-axis label...

Hello
I need to rotate a String 90deg. because it is supposed to be an axis label. Is this possibel, and how?
Regards
JT

A quick google gives this applet with sourcecode:
http://www.subrahmanyam.com/javaapps/rotate/RotateTextDemo.html
/David

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

Programatically shifting X-axis labels in chart section of a .bqy document.

Hi all,
We would like to programatically change some properties like height, width for X-axis labels of a chart in the chart section of the .bqy (Interactive Reporting Studio) document. We don't find the existing properties fit our requirement.
So, I request all the experts in "Interactive Reporting" to help us out as early as possible!
Thanks,
Natesh.

Thanks for your reply.
You're right, it shows the day data when I click on the month. Fine, but if it shows the daily data, why doesn't it show the date as well.
As I tried to explain, the data are correct, but the labels are wrong or insufficient. Why do I have only 'Jun-2010' below the bar of a day?
I investigated a little bit further and found that the behaviour changes depending on which month column out of the time dimension I choose.
If I choose 'Month (MON-YYYY)' I get this label on the month chart and on the day chart (the drilled down chart), nothing more.
But if I choose 'Month (YYYYMM)' from the same dimension in the month chart by changing the query in answers, I get an additional label in the day chart showing the day
as YYYYMMDD.
I need to influence this behaviour, but don't know how. I thought the drill down relationship comes from the Business Modell layer, but I don't see how to change things there.
Any idea?
Regards,
Knut

Graph vertical axis display

Minor question, but my program (LabWindows/CVI 8.1 in Windows XP) has a virtual o'scope display that displays data from an A/D card. I'm using the graph indicator, and as with a real o'scope there is a knob that moves the displayed trace left and right on the screen to get the bits that are off of the screen if the magnification is too narrow to see it all. With the graph indicator, the left Y axis, of course, stays at the 0 point on the X axis and will go off of the screen with X=0. I'd like to have a vertical axis that stays in the center of the graph at all times (like a real o'scope reticule) no matter what the actual graph is doing. Any suggestions would be greatly appreciated. (The X-Axis offset parameter doesn't do the trick).

Another possibility is to use a second graph with transparent background, no X-axis grid and labels, no Y-axis grid; place it on top of the main graph like in the attached UIR file (you will need to adapt vertical size of the second graph since it has no X-axis. labels).
(Note: I created the UIR in CVI 8.5 and saved for previous version: if you do not succeed in opening it tell me and I will repost it in TUI format for you to load).
Proud to use LW/CVI from 3.1 on.
My contributions to the Developer Zone Community
If I have helped you, why not giving me a kudos?
Attachments:
CentralYaxis.zip ‏2 KB

2 Vertical Axis Chart & State Change Bug - Clarified

When a column or line chart has 2 vertical axis (one on the left and one on the right), the additional vertical axis must be defined at the series level as the definition at the chart level only allows for one vertical axis.
When you define the additional vertical axis at the series level, it will populate on the chart when the chart is first rendered. But, it fails to populate after a state change. This is apparently due to the fact that the “maximum” property on the additional vertical axis defined at the series level changes to 100 causing the line not to render as the data values are greater than 100.
This is a Flex 4 problem. Flex 3 does not have this problem.
Below is an example application that demonstrates the problem.
The example first presents a chart with Gross Sales plotted as columns using the left axis and Net Sales plotted as a line using the right axis. Note, the vertical axis for Net Sales is defined at the series level.
When you click the “Data” button a state change occurs and a data grid is presented showing Gross Sales and Net Sales. When you click the “Chart” button another state change occurs and the chart is presented again. Gross Sales will still populate, but Net Sales fails to populate. This is the problem.
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx">
<fx:Script>
 <![CDATA[
 import mx.collections.ArrayCollection;
 [Bindable]
 public var dp:ArrayCollection = new ArrayCollection([
 {DTSALE:"11-Nov-07", NET:141.87, GROSS:63.34},
 {DTSALE:"12-Nov-07", NET:145.74, GROSS:58.56},
 {DTSALE:"13-Nov-07", NET:142.77, GROSS:62.34},
 {DTSALE:"14-Nov-07", NET:148.06, GROSS:75.65},
 ]]>
</fx:Script>
<s:states>
 <s:State name="chart"/>
 <s:State name="data"/>
</s:states>
<s:controlBarContent>
 <s:Button label="Chart" click="this.currentState='chart'"/>
 <s:Button label="Data" click="this.currentState='data'"/>
</s:controlBarContent>
<s:Group width="100%" height="100%">
 <mx:ColumnChart includeIn="chart"
 width="100%" height="100%" dataProvider="{dp}">
 <mx:horizontalAxis>
 <mx:CategoryAxis categoryField="DTSALE"/>
 </mx:horizontalAxis>
 <mx:verticalAxis>
 <mx:LinearAxis id="vLeft" title="Gross Sales Columns"/>
 </mx:verticalAxis>
 <mx:series>
 <mx:ColumnSeries yField="GROSS" verticalAxis="{vLeft}"/>
 <mx:LineSeries yField="NET">
 <mx:verticalAxis>
 
 <mx:LinearAxis id="vRight" title="Net Sales Line"/>
 </mx:verticalAxis>
 </mx:LineSeries>
 </mx:series>
 <mx:verticalAxisRenderers>
 <mx:AxisRenderer axis="{vLeft}" placement="left"/>
 <mx:AxisRenderer axis="{vRight}" placement="right"/>
 </mx:verticalAxisRenderers>
 </mx:ColumnChart>
 <mx:DataGrid dataProvider="{dp}" width="100%" height="100%" includeIn="data">
 <mx:columns>
 <mx:DataGridColumn dataField="DTSALE"/>
 <mx:DataGridColumn dataField="NET"/>
 <mx:DataGridColumn dataField="GROSS"/>
 </mx:columns>
 </mx:DataGrid>
</s:Group>
</s:Application>

I found a workaround.
When the chart goes through a state change, the “maximum” property on the additional vertical axis defined at the series level defaults to 100 causing the line not to render as the data values are greater than 100. Setting this to a higher value (maximum="10000" ) forces the line to appear consistently after a state change.
I still believe this is a bug.
The downside is that I will have to dynamically determine the maximum value to use at runtime, but at least I can still use state changes on two vertical axis charts.

2 Vertical Axis Chart & State Change Bug

When a column or line chart has 2 vertical axis (one on the left and one on the right), the additional vertical axis must be defined at the series level as the definition at the chart level only allows for one vertical axis.
When you define the additional vertical axis at the series level, it will populate on the chart when the chart is first rendered. But, it fails to populate after a state change.
This problem does not occur if the data provider uses static data defined in Action Script as an array collection. But, the problem always occurs if the data provider uses a web service.
This is a Flex 4 problem. Flex 3 does not have this problem.
Below is an example that will demonstrate the problem. It uses the Flex Grocer web service that comes on the CD with Jeff Tapper’s book “Adobe FLEX 3 Training from the Source” (an Adobe Press book). However, this example can be easily modified to use any web service.
The example is currently pointing to static data defined in Action Script.
You can switch from static data to web service data by commenting the instruction on line 32 ( dp = dpStatic; ) and un-commenting the instruction on line 33 ( dp = (event.result as ArrayCollection); ).
The example first presents a chart with Gross Sales plotted as columns using the left axis and Net Sales plotted as a line using the right axis. Note, the vertical axis for Net Sales is defined at the series level.
When you click the “Data” button a state change occurs and a data grid is presented showing Gross Sales and Net Sales. When you click the “Chart” button another state change occurs and the chart is presented again. If you are pointing to static data, both Gross Sales and Net Sales will populate on the chart. If you are pointing to web service data, Gross Sales will still populate, but Net Sales fails to populate. This is the problem.
Does anyone have a solution or work around for this problem?
<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
 xmlns:s="library://ns.adobe.com/flex/spark"
 xmlns:mx="library://ns.adobe.com/flex/mx"
 creationComplete="init()">
<fx:Script>
 <![CDATA[
 import mx.rpc.events.ResultEvent;
 import mx.rpc.events.FaultEvent;
 import mx.collections.ArrayCollection;
 [Bindable]
 public var selectedType:String = "All";
 [Bindable]
 public var startDate:Date = new Date(2006, 4, 1);
 [Bindable]
 public var endDate:Date = new Date(2006, 4, 5);
 [Bindable]
 public var dp:ArrayCollection;
 public var dpStatic:ArrayCollection = new ArrayCollection([
 {DTSALE:"11-Nov-07", NET:41.87, GROSS:63.34},
 {DTSALE:"12-Nov-07", NET:45.74, GROSS:58.56},
 {DTSALE:"13-Nov-07", NET:42.77, GROSS:62.34},
 {DTSALE:"14-Nov-07", NET:48.06, GROSS:75.65},
 private function init():void {
 getData();
 private function getData():void {
 dashboardWS.getSalesData.send();
 private function salesRPCResult(event:ResultEvent):void {
 dp = dpStatic; // Line on chart always populates with static data
 // dp = (event.result as ArrayCollection); // Line on chart does not populate with WebService data after state change
 private function showFault(event:FaultEvent):void {
 trace(event.fault.faultCode + ":" + event.fault.faultString);
 ]]>
</fx:Script>
<fx:Declarations>
 <mx:WebService id="dashboardWS" fault="showFault(event)"
 wsdl="http://localhost:8300/flexGrocer/cfcs/aggregate.cfc?wsdl">
 <mx:operation name="getSalesData" result="salesRPCResult(event)">
 <mx:request>
 <startDate>{startDate}</startDate>
 <endDate>{endDate}</endDate>
 <category>{selectedType}</category>
 </mx:request>
 </mx:operation>
 </mx:WebService>
</fx:Declarations>
<s:states>
 <s:State name="chart"/>
 <s:State name="data"/>
</s:states>
<s:controlBarContent>
 <s:Button label="Chart" click="this.currentState='chart'"/>
 <s:Button label="Data" click="this.currentState='data'"/>
</s:controlBarContent>
<s:HGroup width="100%" height="100%">
 <mx:ColumnChart includeIn="chart"
 width="100%" height="100%" dataProvider="{dp}">
 <mx:horizontalAxis>
 <mx:CategoryAxis categoryField="DTSALE"/>
 </mx:horizontalAxis>
 <mx:verticalAxis>
 <mx:LinearAxis id="vLeft" title="Gross Sales Columns"/>
 </mx:verticalAxis>
 <mx:series>
 <mx:ColumnSeries yField="GROSS" verticalAxis="{vLeft}"/>
 <mx:LineSeries yField="NET">
 <mx:verticalAxis>
 <mx:LinearAxis id="vRight" title="Net Sales Line"/>
 </mx:verticalAxis>
 </mx:LineSeries>
 </mx:series>
 <mx:verticalAxisRenderers>
 <mx:AxisRenderer axis="{vLeft}" placement="left"/>
 <mx:AxisRenderer axis="{vRight}" placement="right"/>
 </mx:verticalAxisRenderers>
 </mx:ColumnChart>
 <mx:DataGrid dataProvider="{dp}" width="100%" height="100%" includeIn="data">
 <mx:columns>
 <mx:DataGridColumn dataField="DTSALE"/>
 <mx:DataGridColumn dataField="NET"/>
 <mx:DataGridColumn dataField="GROSS"/>
 </mx:columns>
 </mx:DataGrid>
</s:HGroup>
</s:Application>

I found a workaround.
When the chart goes through a state change, the “maximum” property on the additional vertical axis defined at the series level defaults to 100 causing the line not to render as the data values are greater than 100. Setting this to a higher value (maximum="10000" ) forces the line to appear consistently after a state change.
I still believe this is a bug.
The downside is that I will have to dynamically determine the maximum vale to use at runtime, but at least I can still use state changes on two vertical axis charts.

Incorporation of extra vertical axis in same BAM report

Is it possible to incorporate another vertical axis keeping horizontal axis intact within the same report?If possible please provide me solution on that.

Hi
You could look into the ADF views . In 11.1.1.2.0, we support BAM Data control which allows ADF views to be leveraging BAM's real time update feature.
There is a tutorial for the same on BAM OTN
http://www.oracle.com/technology/products/integration/bam/collateral/Samples11g.html - BAM -ADF data control sample
Payal

Stacked bar chart with custom x axis labels

Is there a way to build this simple chart in labview that I did in Excel? I need to have many x axis labels and there could be from 5 to 100 of them depending on the data set.
Attachments:
Excel.JPG ‏33 KB

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

How to avoid repeatition of axis labels in Graphs in WebI 4.0??

Hello All,
I am working with graphs in WebI 4.0. In category axis, the labels are being repeated thrice ,twice and so on based on the filter which I have placed according to my requirement.. I need them to be displayed only once. I have used axis label delete factor from Format chart. But then it solved only partial problem. Appreciate your help.
Regards,
Anila.

plz
try this
create a one more vertical table
and check that location-text and location-key are some .
we think it would be like this
location-text     location-key
can                          01
cbg                          02
det                           03
txc                           04
txc                           05
bec of different key and some description the axis is getting repeating.

BarChart vertical axis label - possible to control width?

Similar Messages

Maybe you are looking for