在Flex几个通用Chart图形中画指定值的线条(指定刻度的线条)
问题来源:业务上要为Flex ColumnChart中画出一个以0这刻度的临界线。
问题分析:但是对Chart的backgroundElements中默认是GridLines,没有可用的用于指定刻度的线条,于是自己加了个HRule对象。
问题解决:加入HRule,设置它不同于GridLines的颜色,当然可以通过strokeWidth设置它的宽度,默认是2px,最重要的是设置它的位置。如下详细分析:
算出刻度的最大值和最小值:
va.minimum = 38.6
va.maximum = 41.400000000000006
算出所画容器的高度:
Father componnet height = 475
想像图:
于是分析得到如下位置计算公式:
y="{(((axis_score.maximum + axis_score.minimum) / 2 - 0) / (axis_score.maximum - axis_score.minimum)) * cs_3.height}"
关键解决代码: 问题推广:本文只设计了HRule是横向的线条,同理,可以很方便设计出纵向的线条,可以指定在哪一个值的刻度线或叫作临界线,当然还可以添加多条指定值的线。
可以运行的Demo代码: width="100%" height="100%"> Demo效果图:
分享到:
相关推荐
flex画线flex画线flex画线flex画线
使用flex在控件上画点,通用的。简介明了。
关于Flex2的几个行为动画的源码
flex 各种图表的代码,特别是柱状图,里面写了好多不同样式的柱状图,比如圆形的,竖直显示值,重叠的,透明的等。
以下是我最近做flex组件编程时的总结,是主要针对lineChart的用法,其中某些属性对同是有横纵坐标的columnChart、barChart等都有效,比如对背景的网格线、横纵坐标线条的粗细颜色和标签的设置都有效。
Flex Chart Sytles 简单示例 基本样式使用,网上搜到的收藏下。
Flex Chart+WebService由于发布时没有注意,忘了把MXML的源码打包。webservice采用的是Myeclipse自带的XFIRES,可自行添加。
flex画线可以删除flex画线可以删除flex画线可以删除
改变datatips显示字体大小的方法,也可以跟据这种方法自己定义别的样式。 包含了linechart样式的改变,颜色也可以改变
动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色flex源码动画颜色...
学习使用Flex Chart。 只用控件,不会AS不要紧。
NULL 博文链接:https://shuiyan.iteye.com/blog/628704
flex动态画矩形(鼠标拖动画)提供的源码可以直接拷贝直接运行
NULL 博文链接:https://qinxiaotao.iteye.com/blog/1538116
flex LineChart实例个人项目开发中的一个页面
Flex 画线 两点画线 画布画线 Flex3.0 画线段
去除flex builder试用版水印 去除flex chart 水印方法
Flex Chart的3D展示,采用Flex as语言,动态画出图标3D效果。该图表为网上淘下来,自认为很厉害的一个源码。
Flex中给图片之间的添加线条,并给线条增加监听事件的能力以及将鼠标设置为手型状态