In Flex, use single-choice buttons to switch the horizontal and vertical coordinates and descriptions of the column chart, and use the flex column chart.
1. Problem Description
A group of single-choice buttons can be divided into weeks and months. Select "Week". The horizontal coordinate of the bar chart shows the Week
Format the values of a column in the Table in Flex and calculate the percentage. flex percentage
1. Problem background
In general, you need to format the value of a column in the table, multiply the value by 100, keep two decimal places, and add "%"
2. Implementation instance
(1) Multiply the decimal number by 100.
Excel's table will have a row of data in the back of a set of data to show the table of the average, the maximum, the minimum value, in flex to do a little action can make a similar effect.
Actually Alex Harui has already made the request for us, we first look at the operation effect:
In fact, the principle is very simple is to rewrite the DataGrid at the end of the column to add a uicomponent is named:
This article was reproduced from: Http://www.riafan.com/add-checkbox-column-for-flex-datagrid/
The following is the body content:
If you set the AllowMultipleSelection value of the MX DataGrid to True, you can select multiple items in combination with Ctrl or ALT. But many users do not know this, they are more accustomed to check boxes to choose, so we need to add a check box
DOCTYPE HTML> HTML> Head> MetaCharSet= "Utf-8"> style>. Parent{Height:500px;Border:1px solid #222;Display:Flex;/*set as a telescopic container*/Flex-flow:Row;/*Scaling Project Line arrangement*/ }. Stable{width:200px;/*Fixed Width*/Border:1px solid #ccc;margin:20px; }. Change{Flex:1;/*this is set to 1, filled with the remaining space*/Border:1px solid #ff4400;margin:20px; } style> Head> Body> Div
Format the values of a column in the Table in Flex.
1. Problem background
Generally, the ratio shown in the table is as follows: Keep two decimal places and keep them up.
2. Implementation instance
3. Implementation result
The Operation character formatting for table formatting is different from that for numeric formatting.
It is more suitable to use hand-drawn images. If the picture is wrong, you can
1. Background of the problemIn general. The ratio shown in the table. The control rate is handled by preserving two decimal places and keeping them up2. Implementation examplesXML version= "1.0" encoding= "Utf-8"? >3. Achieve Resultswatermark/2/text/ahr0cdovl2jsb2cuy3nkbi5uzxqvew91mjnoywk0nq==/font/5a6l5l2t/fontsize/400/fill/i0jbqkfcma==/ Dissolve/70/gravity/center "width=" 710 "height=" 378 "border=" 1 "> Flex co
Sunshinecharts is a simple and practical report. Its deployment and practical tutorials are as follows:
Http://blog.csdn.net/arjick/article/details/6702268
This article mainly teaches you how to use the column chart of sunshinecharts.
Pie chart data XML:
1. Data
Debug: whether to enable the debugging mode
Showdatatips: Indicates whether a pie chart displays a prompt.
Legend: whether to display the legend:
Autorefreshpolicy: whether to enable automa
By default, when a cell in the DataGrid is selected, the row (item) of the cell is selected. How can I select the column where the cell is located at the same time? This article will answer this question raised by netizens.
Download the source code of this instance:/files/fooo/crossselect.zip
It is not hard to see that we achieve this through the custom project Renderer (itemrenderer. First, set the userollover style of the DataGrid to false to ca
In the past few days, I encountered a problem. The data obtained from the database was converted into an ArrayCollection and bound to the datagrid. As a result, when I clicked the id header, I did not sort the data from small to large, sort by the string ascii code, and then ask ks, the solution found on javaeye needs to customize a sorting method, and then call it, on my computer has been applied successfully, now put this sort out, send out, with link address: http://i5land.javaeye.com/blog/30
One problem I encountered today is that the attribute corresponding to a column of the DataGrid object is a complex object. For example, the DataGrid displays the list of books and returns results using the python background, the Author column corresponds to an Author object. Now I want to display the author name in the "author" column of the Book.
Solution: firs
1, the problem background
In general, you need to format the value of a column in a table, multiply the value by 100, and keep a two-bit decimal number, adding "%"
2. Implementation example
(1) Multiply the decimal by 100
var tempdata:number = item.rate*100;
(2) format the number and keep two decimal digits
var data:string = Dataformatter.format (TempData);
(3) Add percent sign
return data+ "%";
3, the implementation of the results
first, get the line number
Copy Code code as follows:
var findex:number = Math.floor (dg.contentmousey/dg.rowheight)-1 + dg.verticalscrollposition;
Dg.contentmousey is the height of the local coordinate system of the mouse in relation to the DataGrid
Dg.rowheight is the row height of the DataGrid, the Math.floor function is to truncate the decimal point
Verticalscrollposition is the number of rows to scroll down if the DataGrid has scroll bars. So Findex is the number of r
applications faster and simpler. In the multilayer development model, the flex application belongs to the performance layer.
Flex is developed using a GUI interface and uses an xml-based mxml language. Flex has a variety of components, such as Web Services, remote objects, drag and drop, column sorting, charting, and
.
Flash can achieve the effect of Flex. Why do I need Flex? I understand that there are two reasons:
1. to cater to more developers ).Flash is designed for designers. The UI also includes the concept and writing of Flash animation.ProgramDevelopers are incompatible with each other,To attract more programmers such as JSP, ASP, and PHP,Macromedia released flex t
Flex development practice (1) -- detailed introduction to Flex, flex -- flexBackground
Due to the recent maintenance of the company's projects and the use of Flex technology in the project, this blog post will summarize the latest content.Whether it is for web or desktop applications, we believe that the requirements f
size.Iii. Container attributes
The following six attributes are set on the container.
Flex-direction
Flex-wrap
Flex-Flow
Justify-content
Align-items
Align-content
3.1 flex-direction attributes
flex-directionAttributes determine the direction of the spindle
The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion;
products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the
content of the page makes you feel confusing, please write us an email, we will handle the problem
within 5 days after receiving your email.
If you find any instances of plagiarism from the community, please send an email to:
info-contact@alibabacloud.com
and provide relevant evidence. A staff member will contact you within 5 working days.