I need to figure out how to get a column in a columnchart to show 100% height if it exceeds the axis maximum.For example, I am using a linear axis with a maximum of 2 but want to visually show that the column is at least 2 or greater but not show more than 2 on the axis.Currently if a value exceeds the axis maximum, flex simply doesn't show the column.
I am showing a stacked bar chart with Flex, and I am dynamically changing the data of the dataprovider. However, the minimum and maximum for the y-axis do not get reset with the new data. So if one dataset had a value of -100,000, but the next dataset has only positive values, the y-axis still starts at -100,000. How can I force the chart to redraw. I tried myChart.validateNow(), dataprovider.refresh(), etc.
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 create a bar char in action 3 script. But for some reason I am getting 2 y-axis and no x axis.
Can some one help spot the error. I have said "placement " bottom. The chart creation method is "getBarChartData", this method when invoked creates a barchart and adds it to a canvas. This section is visible completely and can be called on a button click.
Is it possible to tell flex to display a chart with no visible axis? I want the contents of the chart to take up all the available space. I can set the visibility on the AxisRenderer to false which will hide the axis but that leaves an empty space where the axis would usually be. How can I remove this empty space?
I have a Flex chart and on the x-axis want to be able to have different intervals set so I can draw gridlines.For example the axis may be from 0 to 82 and I would want to have an interval at 6,8, 21, 29, 40, 49, 52, 59 and 70.
I'm trying to show some data that's integers but the BarChart is using fractional values on the axis which makes no sense in this scenario. Is there any way to force the chart to only use integer values on the axis? I don't know the range so it could be anything from 1 to 10000000, so I can't just explicitly set up everything.
I am having a chart with titles for horizontal and vertical axis. the verticalAxisTitleAlignment property of the vertical axis renderer is set to vertical. The application is a portal sort of thing and this chart is placed inside a small window. on click of the window am resizing the parent of the chart. but at that time the title of the axis is blinking and it provides a feeling that the resizing is not smooth. I dont understand why this happens? does the tile renders each time when the component is maximized? is there any way to stop that?
So I have a Flex bar chart that resizes dynamically, and if I have only a few items, the height shrinks and the horizontal axis and label shrink along with it. If the height of the chart is small enough, the label shrink down to practically nothing. How can I enforce a minimum height for the axis itself? Or even a minimum font size for the labels? I've tried setting the font size on the axis renderer and the axis label renderer and Flex still wants to resize the labels how it wants.
I am taking data from SAP and displaying in column chart in a dashboard. I am using an ArrayCollection as data provider. This has 27 columns(fields). So i am using 27 columns charts. However, I also have to display the summary of these in two charts.i.e. sum of 14 columns in one chart and 13 columns into other.
I am creating column chart to show friends score statistics in facebook application. My problem is how to display friend names with images in y-axis and their score in x-axis.I cant able to pass any arguments in the method 'setSource' of tag. see the sample code here.
Is it possible to restrict flex bar chart y-axis count?I have a very big name coming in my y-axis and i want to reduce or restrict it to 5 characters and on rollover i want to display it in full.
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:
I want a chart that has several separate series running in rows across. They are largely separate charts and should not overlap, but all share the same horizontal datetimeaxis. They don't share the same y-axis, however and that's where I'm getting stuck.I have tried having a linechart series and then a plotchart series, but it will only allow a single <mx:series> per chart without having them inside the same series which as far as I can tell will place the charts on top of each other in the z-axis. I can stack them and have them completely separate charts, but it was proving to be somewhat irritating having them align correctly.
Is there any reasonable way of combining multiple charts into one like this? Basically having rows in a table where each row is a different chart but the columns are consistent. or am I going to be best served just by stacking separate ones? an illustration of what i'm going for is here: http:[url]........
I'm trying to have a line chart with a fixed y-axis. that is, I have values that are mostly between 30 and 70, but I'd like to have the chart y-axis as a constant between 0 and 100 so it wouldn't resize as new values are coming in (if they happen to be larger than previous values).
I'm trying to prevent a default chart item roll over highlight in a Spark column chart.If you look at any of the chart examples on this page , when you roll over any of the chart series items, they turn a darkened shade of their original colour. This is what I want to prevent.
So far I have had no luck with using the itemRollOverColor property, as this only allows you to set it to one specific colour for the whole chart (my app has several different coloured series on the chart at once). Also, trying to leverage the itemRollOver event (with preventDefault() etc) hasn't worked either.
I'm trying to make chart which is combination of bar and line chart using Flex Charting API . Here x axis would be common and y axis would be different. note that y axis got different range of value one is % and other is amount. Any one got idea how to make this chart. Here line chart would be staked on top of bar chart . The line chart and never over laid or drawn on top of bar chart.
i have an input textfield, this means the user writes something and the text appears on this textfield. the textfield is also multilined and uses wordwrap. It also has fixed size (or the size may vary, but no according to the text content). i want to know when the user writes text that does not appear anymore on the screen because it has exceeded the size of the text that can appear in the textfield.since it is multilined and there is a property that returns the total number of lines, i can know if the text is bigger than the text field if the number of text lines is higher than the number of lines on the screen, but then how do i retrieve this number? (i know there is a property in textfield or textformat that tells the height of a line, and i know the height of the textfield since i set it, but i guess this is the text height only, no spacing between lines, and i dont see any property for that).
I have a spark skinnable component which contains a datagroup with images. The datagroup is scrolled by hovering the mouse over it. Everything works fine except one thing: after I change the datagroup provider, I need to scroll down automatically. The problem is the images are not loaded immediately after I set the provider so (contentHeight - height) does not yet represent the actual maximum scrolling position. Is there an easy way of telling the datagroup to scroll down as its content loads? Because the workaround seems to be not so straightforward. This is the code for scrolling(thumbnailStrip is my datagroup):
I have an advancedatagrid that displays a table of values from an arraycollection coming from a webservice. I am wanting to highlight either the maximum or minimum value in a row or column.I'm not bothered how they are highlighted - be it the backround changed, the font colour changed or just making it bold - I just want that particular cell to be different to the others.What I'm struggling with is finding the cell with the maximum (or minimum) value and then changing it's appearance.In one grid I want to compare across the row, in another accros the columns.