您当前的位置: 如题flex+j2ee
需要做个cpu的监控效果。跟任务管理器里面的效果一样。
刚接触flex，不知道flex如何实现。
请高手赐教
------解决方案--------------------
http://www.fusioncharts.com/widgets/Demos/TM/Index.html
http://www.fusioncharts.com/widgets/livedemos.asp#tm
fusionwidgets 可以做出那种效果来！有兴趣的话可以再后面跟帖，共同学习下，呵呵
------解决方案--------------------
无聊写着好玩的,或者换成AreaChart调调样式试试
- XML code
<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
layout="absolute"
verticalAlign="middle"
backgroundColor="white"
creationComplete="init()"
backgroundGradientAlphas="[1.0, 0.0]"
width="700"
height="410"
borderColor="#EFF0F1"
borderStyle="outset"
themeColor="#D4E7FB"
backgroundGradientColors="[#DDDCDC, #E6E6E6]">
<mx:Script>
<![CDATA[
import flash.utils.setInterval;
import mx.collections.ArrayCollection;
import mx.charts.series.items.ColumnSeriesItem;
import mx.charts.series.items.LineSeriesItem;
import mx.charts.HitData;
import mx.controls.Alert;
import mx.formatters.SwitchSymbolFormatter;
import mx.charts.CategoryAxis;
import mx.charts.chartClasses.IAxis;
private function init():void{
setInterval(function():void{
createData();
},3000);
}
private function linearAxis_labelFunc(item:Object, prevValue:Object, axis:IAxis):String
{
return item + '%';
}
[Bindable]
private var chartdata:ArrayCollection=new ArrayCollection([
{datetime:'01.00',data1:72},
{datetime:'01.03',data1:78},
{datetime:'01.06',data1:21},
{datetime:'01.09',data1:35},
{datetime:'01.12',data1:62},
{datetime:'01.15',data1:30},
{datetime:'01.12',data1:81},
{datetime:'01.18',data1:7},
{datetime:'01.21',data1:11},
{datetime:'01.24',data1:97}
]);
private function createData():void{
var obj:Object = new Object();
obj.datetime = format.format(new Date());
obj.data1 = getRandomValue();
chartdata.addItem(obj);
}
//模拟数据
public function getRandomValue():int{
return Math.round(Math.random()*100);
}
]]>
</mx:Script>
<mx:Style>
ColumnChart {
horizontalAxisStyleName:myAxisStyles;
verticalAxisStyleName:myAxisStyles;
}
.myAxisStyles {
tickPlacement:none;
}
ToolTip{
fontSize:12;
}
.ChineseFont{
fontFamily:"Verdana","宋体";
fontSize:12;
backgroundColor:#33CC99;
}
DataTip{
fontSize:13;
}