FlexChart使用教程(3)

是不是觉得标注的线条很难看，字体也太小了？在PieChart标签加上fontSize=”14”属性试试，字变大了。

新加入一个Stroke标签如下：。然后在PieSeries标签里加入calloutStroke=”{s1}”引用这个Stroke，刷新页面看一下。

不喜欢饼图的颜色吗？我们马上就换掉它。

dataProvider=\{request.lastResult.data.item}\>

labelPosition=\callout\lable\

displayName=\pieSvs\value\lable\fills=\{[sc1,sc2,sc3,sc4,sc5]}\/>

其他样式调整功能，在附带的例子（PieChart.mxml）中有用到。

2.6 曲线图

接下来我们加上曲线图，还是先得到一个Panel容器。然后拖一个LineChart控件到Panel上。

与饼图不同的是曲线图的Series elements可会有多个，每个series都对应了一条曲线。调整布局后，打开代码编辑模式。在LineChart标签里加上

dataProvider=\{request.lastResult.data.item}\属性，将两个LineSeries标签中的yField属性分别绑定到value,value2。

运行程序如下图：

仔细看图会发现，在纵轴上的数据没有有问题。但与之对应的横轴是0、1、2、3、4,这些数字对我们没有意义。怎么才能让横轴上显示我们需要的数据呢？既然纵轴上的值对应的属性是yField那么横轴上用xField试一下如何。给第一个svs1标签加上属性xField=”lable”后刷新页面，发现svs1没了。很显然，虽然确实有xField这个属性，但这样做不行。

这时我们可以在-对LineChart标签里加上

这样的代码。然后刷新页面，我们看到了我们想要的。

曲线图设置颜色与饼图不同，使用的是Stroke标签，与Series的lineStroke属性

绑定。

lineStroke=\{l1}\/> lineStroke=\{l2}\/>

看下面的图：