【轉】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)。

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>

 

如下圖所示:

anychart,線形圖,標籤

 

 

 

 

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