Flex :: AMCharts - Programmatic Scroll On Horizontal Axis
Nov 20, 2011
I would like to scroll the amcharts flex stock chart programmatically on it's horizontal axis, in other words along the time axis. I need to do this, because I need to scroll one period at a time and would like to hook this up to keyboard events. I couldn't find anything in the documentation here: [URL]. I've also tried mucking around with the period selector to see whether I can change the values on it, but no luck there.
<Projectlist><Project> <ProjectName>Alcoswitch - ToggleSwitches </ProjectName> <ProjectStatusname>Planning</ProjectStatusname> </Project><Project><ProjectName> Transverse Wedge</ProjectName> [Code] ..... My X-Axis shows multiple values of In-Progress, but I just need one. Is it possible to represent such relationship using BarChart. Any other Flex chart is Advisable.
I am using a Column Chart to display certain data. The data is provided by an array collection. The array contains 3 elements for the horizontal axis, hence 3 labels are shown on the horizontal axis. I want to show 2 additional labels(i.e. total 5 labels) dynamically on the chart. I there a way to add labels to the horizontal axis.[code]...
I have a problem zooming in on a line chart with a dateTimeAxis as horizontal axis. I want to zoom in and out, by setting the minimum and the maximum attribute of the dateTimeAxis with a slider. The date labels change as should, but the lines disappear as I set the minimum or the maximum. Here's a part of the code I have:
nextYAxis gives me the y-axis and I use it to position new component. It works absolutely fine. But, when there is vertical scroll, and I scroll it a little bit, and then the above mentioned code places the component at wrong place. I believe, it has something to do with the scroll.
Is there a way to get the columns to resize to the width of the new Datagrid instead of overflowing and showing the scrollbar? I've tried on the skin, setting all relevant properties and ran out of options. I just want it to behave like the previous Datagrid where the columns would resize to the width of the datagrid.
I am trying to make a horizontal scroll work. There is no scroll bar. I am having a long movie clip with a mask on top of that. I have two buttons on left and right ends of the mask. When I click on a button, i want the movie clip to move right or left accordingly. I want the movie clip to keep moving when the button is in 'press and hold' state. So when the button is released, the movie clip should stop moving. It keeps moving until the very end of the movie clip.The name of the movie clip is "menuMC".
I'm making a chart where the x-axis needs to have dates and y-axis names. The lenght of the bar is longer when the date is later. But I want to stack multiple bars on eachother. for example This is the code I have so far
I am trying to programmatically skin a PopUpButton control in Flex Builder, but having no luck. As far as I know this requires writing a custom skin class or creating a modified version the control class itself (since the control is MX and not Spark). Again, just to clarify, I want to programmatically modify the appearance not simply set styling properties or display an image. I've been able to do this programmatically with other MX controls (e.g. tabs in a tab navigator), but not with the PopUpButton.I think part of the problem may be that the control is actually composed of two separate buttons, so you cannot draw just one rectangular area over the whole control.
I am having 2 problems creating programmatic skin for Canvas.
First problem: I would like to have background with rounded corners and I am using GraphicsUtil.drawRoundRectComplex in order to have round corners for only the upper two corners. The problem is that drawRoundRectComplex takes for each corner one single parameter - the corner radius. However my scaleX and scaleY factors are different and in fact the corners are not properly rounded because I either can set the radius using scaleX or scaleY. Graphics.drawRoundRect is better because it takes two parameters for the corners - elipse width and height and then you could apply both scale factors but it doesn't allow me to specify different radius for different corners. How to use GraphicsUtil.drawRoundRectComplex when scaleX and scaleY are different.
Second problem: Even though I set my programmatic skin through style - <> the skin's updateDisplayList gets executed only once and after that somehow "backgroundImage" style gets "undefined" and my programmatic skin is not associated anymore to the Canvas instance. As a workaround I am setting on each resize event "backgroundImage" style again but this is ugly. What could cause such "silent" resetting of the "backgroundImage" style to undefined?
I have a button with the various states (up/over/down etc) that uses a skin file to render the display. I want to achieve animation between the states. For instance, between the change from 'up' to 'over' I want to fade in a color and a border.
The way I am doing this at the moment is to use viewstates and animate between them using transitions and the mx:AnimateProperty. However, using this method I can only animate one property per viewstate. So only the border, or the color can be animated.
Does anyone know how I can achieve multiple animations on multiple properties of a programmatic button skin?
I need to to a programmatic multi column sorting on the AdvancedDataGrid.The issue is, currently I am implementing paging on my grid. So, if I sort the data,only the perticular page is being sorted. So,I need to sort the entire list by the column criteria.I tried HeaderRelease event,but I guess it is of no use as I need to make a round trip call to the server to get the sorted data.Is there any way I can implement that.I also need to show the sort markers in the Column headers' right position, indicating the sort numbers and direction.
When does the event listener for "itemEditBegin" get added and removed? Is this essentially the same as:
<mx:DataGrid id="myDataGrid" creationComplete="myDataGrid_creationCompleteHandler(event)" /> protected function myDataGrid_creationCompleteHandler(event:FlexEvent):void {
[Code]...
Basically, I'm wondering where I should add "myDataGrid.addEventListener" if I want to do it programmatically? Should it be in the creationComplete listener function of the object itself, or perhaps in the creationComplete listener function for whatever parent object it resides in?
I currently have a document set up with a large movie clip (about 2000px wide) and have created 2 buttons - left and right. I would like for when you mouse over the left or right button, the movieclip would slide across the screen horizontally.
I'm putting together an image library on a horizontal scroll. Each of the images is a movie clip and there is an expansion button to see the full images that are contained. How to make it so the scroll contents expands and contracts as the movie clips expand and contract.
I want to take a "film strip" movie clip and scroll it to the left or right on mouse over.Mouse over left, it scrolls to the start of the movie clip...mouse over right, it scrolls towards the end, stopping at the end.Simple enough right? I can't find a single source. I found this script on but it gives me an error. That and I don't think it stops at the end. I think it loops.
[URL] on this page, on clicking the porfolio button the page berings up a page wich has a horizontal dragable scroll bar, any have seen or have similar script
I need a script that will let a user scroll a movieclip Horizontally AND Vertically. Just like a regular vertical scrollbar which u always see, it has an up arrow and down arrow. i need that, as well as a right and left arrow.i have a big image file, and i want to mask it, and let users scroll thru it up down right and left.
I am creating a horizontal scrollbar for my website. The bar is to scroll through a selection of images. I initially created the vertical bar through Kirupas tutorial which was great but I want to create a horizontal one.
Here is the code: scrolling = function () { var scrollWidth:Number = scrollTrack._width; var contentWidth:Number = contentMain._width; var scrollFaceWidth:Number = scrollFace._width; var maskWidth:Number = maskedView._width; [Code] .....
I have a bunch of thumbnails that i have a left and right scroll button for. It works great but when you get to the last image i want it to loop to the first one not just stop at the end.Here's some of my code let me know if you need more.Quote:
function addScrollListeners():void { right.addEventListener(MouseEvent.MOUSE_DOWN,start Scroll); right.addEventListener(MouseEvent.MOUSE_UP, stopScroll);
I was hoping to use the model script and make simple adjustments of file names and loading specs but it has gone beyond my simple understanding.
I have 64 images which need to load 50 pixels apart starting with a 50 pixels pace. The image sequence will loop. Each image is of constant 385 pixels deep but widths vary and I hoped AS could load them in sequence at 100% instead of using a finite number for the width. The attached file shows the gallery images at bottom right, loaded but all stacked upon each other with the last image uppermost.
Code so far: this.createEmptyMovieClip("container",1); var imagesNumber:Number = 64; var baseX:Number = 0;
I have (yet another...) TextField issue. I have an input textfield that is used both for capturing user input and displaying messages. It's around ten characters wide, single line and not resizable. I have a method that allows you to flash a brief message into the textfield for a couple of seconds before returning it to the state it was in:
ActionScript Code: public function flashDisplay(alert:String):void { tempText = textField.text;
[Code]....
Usually this works fine, but when the user types a long word into the textfield, the text scrolls left and the first letters of the word scroll out of view. This isn't a problem until you try to show an alert and the alert is also scrolled out of view at the beginning - even if it's a short word.
How can I reset the horizontal scroll that the user has created when updating textField.text?
Is there an option to turn on the horizontal scroll for the list component? I have some list entries that are longer than the list is wide, so they get cut off at the end...can this be done?
I Have a menu with 4 buttons and only three buttons are shown the fourth button is behind a colored square. Each button has it's own color. When i push a button a square on the left will drop down with the same color as the button. And when you push another button the square goes up and will be replaced by another square with the same color as the last button you have pushed. But now for the most difficult part. When you push a button all the four buttons will tween to the left untill the activated button is behind the square. All the other buttons will return from the right.
