flex -设置柱状图ColumnChart的彩虹柱子、点击单个柱子高亮显示(三)

//实现彩虹柱子
private function myFillFunction(element:ChartItem, index:Number):IFill 
{
		//四色柱子
		var c:SolidColor = new SolidColor(0x00CC00);
		var temp:int = index%4;
		if(0 == temp)
		{
			 c.color = 0xEE716A;
		}
		else if(1 == temp)
		{
			 c.color = 0xFEE05F;
		}
		else if(2 == temp)
		{
			 c.color = 0x90CE99;
		}
		else
		{
			 c.color = 0x0983D3;
		}
		
		//简单的按值显示颜色
		/*var item:ColumnSeriesItem = ColumnSeriesItem(element);
			var profit:Number = Number(item.yValue);       
				
			if (profit >= 2) {
					return c;
			} else {
					c.color = 0xFF0000;
			}
			return c;*/
}

[Bindable]
			private var clickGroup:String = "";
			//图形点击事件
			private function columnseries2_clickHandler(event:ChartItemEvent):void   
			{   
				var temp:String=event.hitData.item.year;//横坐标
				clickGroup = temp;//赋值给变量
				var psi:ColumnSeriesItem= event.hitData.chartItem as ColumnSeriesItem;
				if(null != psi)
				{
					changefunction(psi);
				}		
			}   
			
			//改变单个柱子颜色,点击的柱子变成红色
			private function changefunction(psi:ColumnSeriesItem):void
			{
				if(psi != null)
				{
					if (psi.item["year"]==clickGroup)
					{
						line2.setStyle("fill",new SolidColor(0xEE5B58, 1));//line2为ColumnSeries的id,将点击柱子颜色改变
						line2.validateNow();
					}
					else
					{
						line2.setStyle("fill",new SolidColor(0x4197FF));//柱子原来的颜色
						line2.validateNow();
					}
				}
				
			}
			
			//必须使用fillfunction,不然所有line2的柱子都变红了
			private function fillfunction2(item:ChartItem, index:Number):IFill
			{
				var psi:ColumnSeriesItem = ColumnSeriesItem(item);
				if (psi.item["year"] == clickGroup)
				{
					return (new SolidColor(0xEE5B58, 1)); //红色
				}
				return (new SolidColor(0x4197FF));//蓝色
			}

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值