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

最新推荐文章于 2021-06-08 17:13:04 发布

原创最新推荐文章于 2021-06-08 17:13:04 发布 · 233 阅读

0 ·

CC 4.0 BY-SA版权

Java 同时被 2 个专栏收录

34 篇文章

订阅专栏

Web

22 篇文章

订阅专栏

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)。

配置标签

可以配置标签位置、字体和任意行的文本。在<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>

如下图所示：