读书人

【转】Flash图表AnyChart运用教程七:

发布时间: 2013-01-07 10:02:24 作者: rapoo

【转】Flash图表AnyChart应用教程七:自定义轴标签

AnyChart 图表中的X,Y和任意轴可以自定义标签。本文就为你简单演示一下如何自定义轴标签。

添加自定义标签

在某些轴节点下(如<y_axis>)创建<axis_markers>子节点,在下面添加<lines>子节点。每个自定义标签被配置在<lines>的<line>子节点下,只需设置不透明属性为"0":

<y_axis>  <axis_markers>    <lines>      <line value="100" opacity="0">        <label>          <format>Custom 100 Label</format>        </label>      </line>      <line value="50" opacity="0">        <label>          <format>Good</format>        </label>      </line>    </lines>  </axis_markers></y_axis>

?

下面展示了几种自定义标签用法:标记值 (High, Low),描述值 (Historical Maximum)和只标记轴上选中的值(8.00)。

【转】Flash图表AnyChart运用教程七:自定义轴标签

配置标签

可以配置标签位置、字体和任意行的文本。在<format>下可以用{%Value}关键词({%StartValue} 和 {%EndValue}用于斜行),当start_value 和 end_value设置了{%Value}关键词,会返回一个算数平均值。
标签位置由<label>节点的位置属性控制,位置值可以设为:"Axis", "Near", "Center", "Far","BeforeAxisLabels" and "AfterAxisLabels".
标签格式的XML示例如下:

<line value="9000" opacity="0">  <label enabled="true" position="Far">    <font color="green" bold="True" />    <background enabled="true">      <fill color="White" />      <border enabled="true" color="Green" />    </background>    <format>Far</format>  </label></line>

?

如下图所示:

【转】Flash图表AnyChart运用教程七:自定义轴标签

?

?

?

?

?本文转自:http://www.evget.com/zh-CN/info/catalog/18158.html

读书人网 >Flash

热点推荐