由于暂时只用到二种,所以先附上代码,其它类型的可参考修改
<mx:ColumnChart width="100%" fontSize="12" fontWeight="normal" fontFamily="宋体" paddingLeft="5" paddingRight="5"
showDataTips="true" dataTipRenderer="com.common.custom.skin.DataTipSkin" dataProvider="{_medalsAC}">
<mx:horizontalAxis>
<mx:CategoryAxis categoryField="shi"/>
</mx:horizontalAxis>
<mx:series>
<mx:ColumnSeries xField="shi" yField="dzsl" displayName="电站总数"/>
</mx:series>
</mx:ColumnChart>
<mx:PieChart id="chart" width="100%" paddingRight="5" paddingLeft="5" fontSize="12" fontWeight="normal" fontFamily="宋体"
showDataTips="true" dataTipRenderer="com.common.custom.skin.DataTipSkin" dataProvider="{_medalsAC}">
<mx:series>
<mx:PieSeries nameField="shi" labelFunction="displayZzjrl" displayName="{}" labelPosition="callout"
field="zzjrl"/>
</mx:series>
</mx:PieChart>
com.common.custom.skin.DataTipSkin文件内容如下:
<?xml version="1.0" encoding="utf-8"?>
<mx:VBox xmlns:fx="http://ns.adobe.com/mxml/2009" xmlns:s="library://ns.adobe.com/flex/spark" xmlns:mx="library://ns.adobe.com/flex/mx"
backgroundColor="#FFFEE9" borderColor="#010101" borderStyle="solid" paddingTop="5" paddingBottom="5" paddingRight="10"
paddingLeft="10" verticalGap="-2" color="#000000" backgroundAlpha="0.81">
<mx:Label text="{_valueText}" width="100%" textAlign="left" fontSize="12" fontWeight="normal"/>
<mx:Label text="{_labelText}" width="100%" textAlign="left" fontWeight="normal" fontSize="12"/>
<fx:Script>
<![CDATA[
import mx.charts.ColumnChart;
import mx.charts.HitData;
import mx.charts.PieChart;
import mx.charts.series.LineSeries;
import mx.charts.series.PieSeries;
import mx.charts.series.items.ColumnSeriesItem;
import mx.charts.series.items.LineSeriesItem;
import mx.charts.series.items.PieSeriesItem;
[Bindable]
private var _labelText:String;
[Bindable]
private var _valueText:String;
override public function set data(value:Object):void {
var hd:HitData = value as HitData;
var item:* = hd.chartItem;
var ser:* = hd.element;
if (item is ColumnSeriesItem) {
//ColumnSeries1287
_labelText = String(item.xValue + ':' + item.yValue);
_valueText = String(ser.displayName);
} else if (item is PieSeriesItem) {
//PieSeries1361
_valueText = value.item[PieSeries(ser).nameField] + ":" + PieSeriesItem(item).value.toString();
_labelText = (" " + PieSeriesItem(item).percentValue).substr(0, 6) + "%";
}
}
]]>
</fx:Script>
</mx:VBox>
分享到:
相关推荐
Atom-atom-ide-datatip.zip,替换数据工具提示提供程序,它最初是来自Facebook的Atom IDE包的一部分。Atom IDE数据提示包,atom是一个用web技术构建的开源文本编辑器。
Unity中三维模型可视化数据标注,动态连接三维模型与平面ui,点击展开数据提示,自动收起非交互数据提示
atom-ide-datatip软件包 由Facebook开发的原始Atom-IDE / Nuclide软件包替代了DataTip功能。 入门 在Atom中安装atom-ide-datatip 。 安装您要使用的IDE语言包: TypeScript和JavaScript Python 防锈防锈 您也...
特征: •完全可定制的数据提示。 • 没有要传递的论据。 从图中检索所有值。... • 也适用于箭头键。 • 激活鼠标右键以显示内插值。 • 显示最靠近鼠标指针的数据点。 • 与鼠标指针保持一定距离的曲线。...
js dupont 杜邦 结构图 (mouseOver + mouseOut + datatip + 节点可伸缩)
All of OzCode’s features are embedded into Visual Studio’s DataTip and Quick Watch and don’t require opening any new windows. Simply hover over a variable, object or statement while debugging to ...
js dupont 杜邦 结构图 (图标 + 符号 + 数据 + datatip + 节点可收缩)
┝ DataTip 时间控制 ┝ Editor Web编辑器 ┝ Images 图片文件夹 ┝ Js 脚本文件夹 ┝ Md5 Md5文件夹 ┝ PublicFile 网站公用文件夹 ┗ Swf 动画文件夹 ┃ ┝ Tool 工具集 ┝ AspValidate 服务端验证 ┝ ...
Atom-ide-Markdown服务包Atom-ide社区软件包中的Markdown服务(例如ide-datatip)。用法只需安装。开发人员用法-作为apm包把它放在你的package.json " consumedServices " : { " markdown-renderer " : { " versions...
atom-ide-datatip atom-ide-signature-help atom-ide-hyperclick atom-ide-definitions atom-ide-outline linter linter-ui-default intentions atom-ide-markdown-service 它还提供用于原子级包的...