探讨AnyChart Flash图表控件如何进行轴标签格式化-控件新闻-慧都网

探讨AnyChart Flash图表控件如何进行轴标签格式化

转帖|其它|编辑：郝浩|2011-10-11 13:44:01.000|阅读 1049 次

概述：标轴标签格式化是图表控件运用中十分重要的环节，如何使绘制的图表看起来更易懂易读，这就需要对标签进行数字或者文本格式化，在标签中加入度量衡等，这一节我们将会一起探讨AnyChart如何进行轴标签格式化

　　标轴标签格式化是图表控件运用中十分重要的环节，如何使绘制的图表看起来更易懂易读，这就需要对标签进行数字或者文本格式化，在标签中加入度量衡等，这一节我们将会一起探讨AnyChart如何进行轴标签格式化

　　1)AnyChart是使用XML格式作为数据传输，几乎所有图表元素的相关设置都是在XML文件里进行，要对轴标签进行格式化是在<labels>的子节点<format>下进行，如下代码：

<y_axis>
  <labels>
    <format>{%Value}</format>
  </labels>
</y_axis>

　　为了使图表中各种格式化更简单，AnyChart提供了很多关键词来用于格式化，每个关键词都是像{%KeywordName}这种格式，如 {%Value} 或者 {%AxisName}，在图表显示前所有关键词都会被对应的值取代。在轴标签格式化中最常用的关键词就是{%Value}，该关键词对应轴标签值

　　2)为轴标签加上前缀或者后缀，加上一些度量衡单位，如下：

<y_axis>
  <labels>
    <format>${%Value} USD</format>
  </labels>
</y_axis>

　　3)轴标签数字格式化，设置数字显示格式，小数位数等，像下面的代码：

<y_axis>
  <labels>
     <format> € {%Value}{numDecimals:2,decimalSeparator:.,
thousandsSeparator:',scale:(1.4095)|()}</format>
              </labels>
              <title>
                <text>Revenue in Euros</text>
              </title>
</y_axis>

　　上面的格式化代码实现Y轴标签以欧元的格式显示，numDecimals:2表示保留2位小数，decimalSeparator:.表示小数点符号是“点”， thousandsSeparator:'表示千分位符号使用分号，scale:(1.4095)|()表示欧元与美元的比例

　　4)限制轴标签显示的字节数，有时标签长度太长，您想只显示部分标签，如下代码：

<format>{%Value}{maxChar:5,maxCharFinalChars:} </format>

　　其中maxChar表示最多显示5位，maxCharFinalChars表示没显示完的数字或者文本用什么表示，默认情况下是以“…”省略号表示，当然您可以设置为其他来代替或者什么都不设置

　　5)下面这个表列出了所有AnyChart内嵌的关于轴标签值的关键词

关键词	描述
{%Value}	表示轴标签对应的值
{%AxisSum}	表示所有绑定到该轴的数据序列的所有数据点的Y值总和
{%AxisBubbleSizeSum}	表示所有绑定到该轴的数据序列的所有气泡点的大小总和
{%AxisMax}	表示所有绑定到该轴的数据序列的所有数据点的最大值
{%AxisMin}	表示所有绑定到该轴的数据序列的所有数据点的最小值
{%AxisScaleMax}	表示最大比例值
{%AxisScaleMin}	表示最小比例值
{%AxisBubbleSizeMax}	表示所有绑定到该轴的数据序列的所有气泡点中最大气泡的大小
{%AxisBubbleSizeMin}	表示所有绑定到该轴的数据序列的所有气泡点中最小气泡的大小
{%AxisAverage}	表示所有绑定到该轴的数据序列的所有数据点的值的平均值
{%AxisMedian}	表示所有绑定到该轴的数据序列的所有数据点的值的中值
{%AxisName}	轴名字