[Chart]??????

2014-03-21 14:55:02by ???

动态字段绑定

说明

这篇文章介绍的是如何为y轴绑定动态字段。

思考

有时候y轴绑定的是记录中A字段,但又有时候y轴需要绑定的是记录中的B字段,这种情况该如何处理?

<a:record quarter="1" series1="80" series2="50" series3="30"/>
		

如对于上述代码中的记录,chart的y轴有时需要绑定series1和series2字段,又有时需要绑定series2和series3字段。

我们只需要用一个ds来加载y轴需要绑定的字段的记录集,如下代码所示:

<a:dataSet id="ds_opt">
    <a:datas>
        <a:record value="series1"/>
        <a:record value="series2"/>
    </a:datas>
</a:dataSet>
		

然后在y轴上的bindTarget属性指定为该ds的id,并将name指定为记录中的value字段就能实现动态字段绑定,如下代码所示:

<a:yAxi name="value" bindTarget="ds_opt" />
		

代码

                
<a:dataSets>
    <a:dataSet id="ds">
        <a:datas>
            <a:record quarter="1" series1="80" series2="50" series3="30"/>
            <a:record quarter="2" series1="100" series2="60" series3="10"/>
            <a:record quarter="3" series1="70" series2="70" series3="80"/>
            <a:record quarter="4" series1="120" series2="80" series3="90"/>
        </a:datas>
    </a:dataSet>
    <a:dataSet id="ds_opt">
        <a:datas>
            <a:record value="series1"/>
            <a:record value="series2"/>
            <a:record value="series3"/>
        </a:datas>
    </a:dataSet>
</a:dataSets>
<a:chart bindTarget="ds">
    <a:title text="动态字段"/>
    <a:xAxis>
        <a:xAxi name="quarter">
            <a:title text="季度"/>
        </a:xAxi>
    </a:xAxis>
    <a:yAxis>
        <a:yAxi name="value" bindTarget="ds_opt" />
    </a:yAxis>
</a:chart>

注释

  1. y轴有bindTarget属性时,name属性的作用发生了改变,请注意。

Demo
  1. ??????
Attachments
  1. ??????.rar

Comments

0 Responses to the article

暂时没有评论。

发表评论