Flip vertical axis

Hi,
Newbie to flex here :-)
I'm trying to flip the vertical axis of my ColumnChart (that
is, to display values from 0 to 100, 0 on top, not 0 on bottom)...
What's the way to do this?
thanks a lot!!
regards,
rolando./

Hii,
Try this...
var yAxisRenderer:AxisRenderer = new AxisRenderer();
yAxisRenderer.axis = axisObj; (axisObj is is of type LinearAxis)
yAxisRenderer.setStyle('verticalAxisTitleAlignment', "vertical");
myChart.verticalAxisRenderers.push(yAxisRenderer); //myChart is the chart name

Similar Messages

How would you flip an ImageView along its vertical axis?

Hello,
How would you flip an ImageView along its vertical axis? This would help me reduce the number of image files I would require in my project.
thanks
jose

Rotation about x_axis should works (javafx 2.2):
Translate flipTranslation = new Translate(0,imageView.getImage().getHeight());
Rotate flipRotation = new Rotate(180,Rotate.X_AXIS);
imageView.getTransforms().addAll(flipTranslation,flipRotation);Regards.
Edited by: 918075 on 2013-02-01 07:44
Edited by: 918075 on 2013-02-01 07:47

Charts: Gap between Vertical Axis and the chart area

Friends,
I have a really wierd issue and I am sure I am doing
something wrong.
I am trying to align 2 charts that are placed vertically. I
want to align the left vertical axis and the gridlines within them.
Aligning the left vertical axis is easy and done but aligning the
grids is becoming challenging and I have already spent a few hours
on this problem.
Here is a wrong chart image ...
Wrong
chart image
The line of the LineChart (in the top chart) is touching the
left and right edges where as the bottom chart bars do not touch
the left/right edges. Due to this the gridlines are not aligned.
I had managed to solve this problem but I am not sure what
part of the code solved the problem. Here is the right chart image:
Right
chart image
In this chart, the line of the linechart (in the top chart)
is not touching the left and right boundary hence the gridlines are
alignd with each other.
I wonder what property of the chart controls the series
touching the left/right vertical axis or boundary. Your help is
appreciated.
Thanks

here is some more information ...
I started changing some of the properties of the chart which
I mentioned is a RIGHT CHART and this is what I learnt ...
It was a CartesianChart hence it was creating the gap
between the left/right vertical axis and the actual chart area
(refer to the right chart image).
I changed it to a LineChart and it started behaving like the
chart in the WRONG CHART image.
Is there a solution to this problem?

Cannot make vertical axis of intensity graph logarithmic

Has anyone else noticed that that the vertical axis on intensity charts cannot be made logarithmic? Labview gives you the option, but doesn't do anything when you try and check the box. Property nodes don't seem to work either. Tried this in LabVIEW 2011 SP1 and 2013. Am I doing something wrong or is this just a feature that isn't avaiable? I am just wondering if its my install or something that is really an issue.
My application is to plot the power spectrum of sound on a intensity chart to show history of sound recorded by a microphone in real time. Really good to pin point source frequencies of feedback.
Amit

Hi Amit,
This is a documented problem with LabVIEW and it is currently being worked on. Here are a couple other Forums that discuss it and offer workarounds for this issue.
Log scale in an Intensity graph
Possible bug in Intensity Graph while using interpolate colors on a Log scale
Intensity Graph - Mapping Mode
As shown in the 'Possible Bug' link above, a Corrective Action Request has been filed under the number 453407 as soon as a couple of weeks ago. To fully answer your question, it is not your install or anything like that, just an issue NI knows about and will be working on for future releases.
Douglas C.
Applications Engineer
National Instruments

Issue with min/max when vertical axis assigned to multiple series

Hi.
I have some simple charting code that is dynamically adding LineSeries to a chart as the user requests them from the gui. As each series is added the vertical axis is assigned to the series and then data is requested and assigned to the dataProvider on the series. This is all working fine however I have found that if I add a sceond series after the first series is displayed and assign the same vertical axis to the second series then the vertical axis seems to set teh min/max based only on the second series added and ignores the first series. It doesnt set to the max of both series and so I get an incorrect max set. If I add a 3rd series the same happens again and the first and second series values seem to be ignored and the axis is set based on the last series to be added.
Is this expected? Ive tried different variations of invalidating the data/series/styles to force it to refresh but I always get the same. It does refresh but based on only the values in the last added series.
What is odd is that if I add 2 series at the same time, and assign the axis to both of them and then request data for both and update the dataProvider on both of them the axis is configured correctly based on the max value of both series.
Any workarounds to make it do the right thing if they are added dynamically? Is this a bug or a known "feature"?
Any light anyone can shed would be appreciated.
I need to have the axis assigned to the series directly as I want to be able to use multiple axes. I have found that if I set the verticalaxis on the chart rather than the series then it works fine and sets the min/max based on the combined values of both series.
The vertical axis is just a simple LinearAxis.
Any help or suggestions would be appreciated.
Im using Flex 4.1
Tks
Dan

Adobe Flex LiveDocs seemed to indicate "Using multiple series in the same chart works best when the data points are in a similar range (such as a stock price and its moving average). When the data points are in numerically very different ranges, the chart can be difficult to understand because the data is shown on a single axis. The solution to this problem is to use multiple axes, each with its own range. You can plot each data series on its own axis within the same chart using the techniques described in Using multiple axes" and that link is here:
http://livedocs.adobe.com/flex/3/html/help.html?content=charts_types_11.html
I was going to tae a look at this myself, but the code posted here is quite complex, and I suspect incomplete.
If you refer to that link and still cannot solve the issue, I would try your best to boil down your code to a more simple example still exhibiting the issue, and then post that, along with any data and the simplified main app.
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex / AIR Development, Training, and Support Services

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

Numbers for ipad: turn text on vertical axis

Can I turn print on the vertical axis?I want to type something in spreadsheet and turn it 90 degrees instead of squashing print together so the letters are above each other the right way up. eg: if I type " Apple ", can I rotate the complete word 90 degrees so I can read the word if I rotated the ipad if the rotate lock is on?I want to use this for bar graphs where there is no room to type normal way up

For future reference, there is an area for iOS apple apps, including iWork and Numbers. You will usually get more answers in the proper location for the topic.
oh, btw, yeah James is right, no way right now to rotate text. unless its in a stand alone text box.
Jason

Conditional formatting a graph vertical axis in SSRS 2012 charts

Hi,
I have a situation where i want to color the label on vertical axis of graph depending on certain condition. Say when values are positive the color would be Black and when negative color would be Red.
I tried following condition but its not working.
=iif(Fields!MyField.Value < 0 , "Red", "Black")
I know there are few threads already mentioning that this feature is not supported in SSRS 2008 but just wanted to know if its adddressed in SSRS 2012 or later?
Thanks and Regards,
Oliver D'mello

Hi Oliver,
According to your description, you want to use an expression to specify different color for Axis Labels based on values in a chart.
As we tested in our environment, when we apply condition in expression to give dynamic color for Axis Labels, the color setting applies to all labels based on the condition. This issue happens in both SQL Server 2012 and 2014. Please refer to the screenshots
below:
In this scenario, I would recommend you submit this issue to the Microsoft Connect at this link
https://connect.microsoft.com/SQLServer/Feedback. This connect site will serve as a connecting point between you and Microsoft, and ultimately the large community for you and Microsoft
to interact with. Your feedback enables Microsoft to offer the best software and deliver superior services, meanwhile you can learn more about and contribute to the exciting projects on Microsoft Connect.
If you have any question, please feel free to ask.
Best regards,
Qiuyun Yu

How to make a still picture rotate around a vertical axis ?

H there,
Can I know how do I make a still picture rotate around a vertical axis ?
Thanks

Thanks MTD,
It is indeed one good trick ...
From your timeline, it seems that you applied a transition after each clip. Can I know why & what transition you applied ?
Can you please elaborate what you meant by "I changed the last keyframe in the last clip to a Smooth" ?
Thanks again ...
Cheers
Meg The Dog wrote:
Hi -
While Mr. Wolsky is absolutely correct that you need the other software to do the effect you describe correctly, I believe you can make an approximation of what you want using FCE. Whether or not it passes the smell test is up to you.
You can see a clip I made [HERE|http://www.spotsbeforeyoureyes.com/3DTurn_Example.mov]
Because when you rotate the frame 360 degrees using the Y-axis, the image always comes back to the same position - which gives you a handy place to match cut to the next implementation of the rotation at a slightly slower pace. The last rotation was smoothed to a stop by modifying the filter keyframe to "Smooth".
So (not acounting for the pad video at the head and tail of the clip, a 1 second clip, followed by a 2 second clip, followed by a 4 second clip to give me a 7 second move.
!http://www.spotsbeforeyoureyes.com/3dTurnTimeline.jpg!
I applied the filter to the first clip, and set it so that it went from -360 to 360 in Y axis rotation. I then copied that clip and used Command -V to apply the same effect to the next to clips via paste attributes, UNCHECKING the Scale Attribute Times so that the spinning would slow down as the clips lengthened.
Lastly, I changed the last keyframe in the last clip to a "Smooth" , and added head and tail trim to the entire effect so the bars would start static, spin and the end static.
Like I say, it's far from perfect but may either point you toward a solution or trigger ideas of your own.
MTD

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

Excel chart - change numbers on vertical axis

hi, see the attached chart. trying to start the vertical axis from 100 and not from 0.
any idea? many thanks. yaron.
https://www.dropbox.com/s/nugo6ixsd36gint/2014-07-23%2014.43.34.jpg

Hi,
According to your description, I guess that you want change vertical axis from 100 like this screenshot. If so, you can right-click the axis, change Axis Options.
I can’t access your picture, please upload your example to OneDrive and share the link here.
https://onedrive.live.com/
Regards,
Greta Ge
TechNet Community Support
It's recommended to download and install
Configuration Analyzer Tool (OffCAT), which is developed by Microsoft Support teams. Once the tool is installed, you can run it at any time to scan for hundreds of known issues in Office
programs.

Flip Horizontal and Flip Vertical

Hello Adobe,
Bridge implements rotate 90 cw, 90 ccw, and 180. Having these functions available as a right-click / cmd-click context menu is extremely convenient.
However, what about the companion flip horizontal and flip vertical operations ? This is a very common thing to want to do - particularly when working with scanned transparency images. Adobe Lightroom implements this - I belive.
Bridge team, can you add this small feature please ?
Sincerely,
Craig Hansen-Sturm

You can do multiple photo flips in Develop if you turn AutoSync on. Just make sure to turn it back off as it can cause all kinds of accidental messes

Flex column chat's columnset doesn't scale properly in vertical axis

Hi All,
I createda column chart having serieses in column set and this colun set is mapped to a custom vertical axis.
Issue:- This custom vetical axis only show the default value from 0 to 100 instead of its own min max value.
The sample code are given below
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600"
                                        creationComplete="application1_creationCompleteHandler(event)" xmlns:local="*">
<mx:Script>
                    <![CDATA[
                              import mx.charts.AxisRenderer;
                              import mx.charts.ColumnChart;
                              import mx.charts.LinearAxis;
                              import mx.charts.series.ColumnSeries;
                              import mx.charts.series.ColumnSet;
                              import mx.charts.series.LineSeries;
                              import mx.collections.ArrayCollection;
                              import mx.events.FlexEvent;
                              [Bindable] public var SMITH:ArrayCollection = new ArrayCollection([{date:10, close:41.87, open: 30},
                                        {date:20, close:45.74, open: 40},
                                        {date:30, close:42.77, open: 60},
                                        {date:40, close:48.06, open: 50}]);
                              [Bindable] public var DECKER:ArrayCollection = new ArrayCollection([{date:10, close:157.59},
                                        {date:20, close:160.3},
                                        {date:30, close:150.71},
                                        {date:40, close:156.88},]);
                              private var myChart:ColumnChart = new ColumnChart();
                              protected function application1_creationCompleteHandler(event:FlexEvent):void
// VERTICAL AXIS
                                        var verticalAxisLeft:LinearAxis = new LinearAxis();
                                        var verticalAxisRight:LinearAxis = new LinearAxis();
                                        var verticalAxisRendererLeft:AxisRenderer = new AxisRenderer();
                                        var verticalAxisRendererRight:AxisRenderer = new AxisRenderer();
                                        verticalAxisRendererLeft.axis = verticalAxisLeft;
                                        verticalAxisRendererLeft.placement = 'left';
                                        verticalAxisRendererRight.axis = verticalAxisRight;
                                        verticalAxisRendererRight.placement = 'right';
// SERIES
                                        var newSeries:Array = new Array();
                                        var columnset:ColumnSet = new ColumnSet();
                                        columnset.type = 'stacked';
                                        var columnSeries:ColumnSeries = new ColumnSeries();
                                        columnSeries.dataProvider = SMITH;
                                        columnSeries.yField = "close";
                                        columnSeries.displayName = "SMITH_close";
                                        columnset.series.push(columnSeries);
                                        var columnSeries1:ColumnSeries = new ColumnSeries();
                                        columnSeries1.dataProvider = SMITH;
                                        columnSeries1.yField = "open";
                                        columnSeries1.displayName = "SMITH_open";
                                        columnset.series.push(columnSeries1);
                                        columnset.verticalAxis = verticalAxisLeft;
                                        newSeries.push(columnset);
                                         var lineSeries:LineSeries = new LineSeries();
                                        lineSeries.dataProvider = DECKER;
                                        lineSeries.yField = "close";
                                        lineSeries.verticalAxis = verticalAxisRight;
                                        lineSeries.displayName = "DECKER";
                                        newSeries.push(lineSeries);
                                        myChart.verticalAxisRenderers = [verticalAxisRendererLeft,verticalAxisRendererRight];
                                        myChart.series = newSeries;
                                        myChart.showDataTips = true;
                                        chartContainer.addChildAt(myChart, 0);
                    ]]>
</mx:Script>
<mx:Panel id="chartContainer" title="Column Chart With Multiple Axes">
                    <mx:Legend dataProvider="{myChart}"/>
</mx:Panel>
Thanks in advance

Hi DeanLoganBH,
Thanks for ur answare however my problem is littlebit different. According to u if i set the min and max value manually the axis value units are showing perfectly but the column draw region are not in properly. please have a look to the attached screen shot of the chat and the sample code as well.
<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute" minWidth="955" minHeight="600"
                                        creationComplete="application1_creationCompleteHandler(event)" xmlns:local="*">
<mx:Script>
                    <![CDATA[
                              import mx.charts.AxisRenderer;
                              import mx.charts.ColumnChart;
                              import mx.charts.LinearAxis;
                              import mx.charts.series.ColumnSeries;
                              import mx.charts.series.ColumnSet;
                              import mx.charts.series.LineSeries;
                              import mx.collections.ArrayCollection;
                              import mx.events.FlexEvent;
                              [Bindable] public var SMITH:ArrayCollection = new ArrayCollection([{date:10, close:41.87, open: 30},
                                        {date:20, close:45.74, open: 40},
                                        {date:30, close:42.77, open: 60},
                                        {date:40, close:48.06, open: 50}]);
                              [Bindable] public var DECKER:ArrayCollection = new ArrayCollection([{date:10, close:157.59},
                                        {date:20, close:160.3},
                                        {date:30, close:150.71},
                                        {date:40, close:156.88},]);
                              private var myChart:ColumnChart = new ColumnChart();
                              protected function application1_creationCompleteHandler(event:FlexEvent):void
// VERTICAL AXIS
                                         var verticalAxisLeft:LinearAxis = new LinearAxis();
                                        verticalAxisLeft.autoAdjust = true;
                                        verticalAxisLeft.minimum = 0;
                                        verticalAxisLeft.maximum = 120;
                                        var verticalAxisRight:LinearAxis = new LinearAxis();
                                        var verticalAxisRendererLeft:AxisRenderer = new AxisRenderer();
                                        var verticalAxisRendererRight:AxisRenderer = new AxisRenderer();
                                        verticalAxisRendererLeft.axis = verticalAxisLeft;
                                        verticalAxisRendererLeft.placement = 'left';
                                        verticalAxisRendererRight.axis = verticalAxisRight;
                                        verticalAxisRendererRight.placement = 'right';
// SERIES
                                        var newSeries:Array = new Array();
                                        var columnset:ColumnSet = new ColumnSet();
                                        columnset.type = 'stacked';
                                        var columnSeries:ColumnSeries = new ColumnSeries();
                                        columnSeries.dataProvider = SMITH;
                                        columnSeries.yField = "close";
                                        columnSeries.displayName = "SMITH_close";
                                        columnset.series.push(columnSeries);
                                        var columnSeries1:ColumnSeries = new ColumnSeries();
                                        columnSeries1.dataProvider = SMITH;
                                        columnSeries1.yField = "open";
                                        columnSeries1.displayName = "SMITH_open";
                                        columnset.series.push(columnSeries1);
                                        columnset.verticalAxis = verticalAxisLeft;
                                        newSeries.push(columnset);
                                         var lineSeries:LineSeries = new LineSeries();
                                        lineSeries.dataProvider = DECKER;
                                        lineSeries.yField = "close";
                                        lineSeries.verticalAxis = verticalAxisRight;
                                        lineSeries.displayName = "DECKER";
                                        newSeries.push(lineSeries);
                                        myChart.verticalAxisRenderers = [verticalAxisRendererLeft,verticalAxisRendererRight];
                                        myChart.series = newSeries;
                                        myChart.showDataTips = true;
                                        chartContainer.addChildAt(myChart, 0);
                    ]]>
</mx:Script>
<mx:Panel id="chartContainer" title="Column Chart With Multiple Axes">
                    <mx:Legend dataProvider="{myChart}"/>
</mx:Panel>
</mx:Application>
In the above image the tooltip display Smith_Close value is 41.87 however it's pillar vertical axis maped with value nearly 28. and the total value is 71 but it map with below 50 in vertical axis. which seems visually inconsistent.
Problem:- why the column set is not calculate min and max value automatically and scale the colums appropiatly in case of custom axisrenderer however it is working fine default axis rendere.
Again the calculation of min max is little bit complex when my column set is containing more serieses and thereir value is varies in negative and positive side.
DeanLoganBH, if is there any point is not understandable please let me know..
Thanks in advance

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.

Flip vertical axis

Similar Messages

Maybe you are looking for