轉帖|其它|編輯:郝浩|2011-10-11 13:44:01.000|閱讀 1071 次
概述:標軸標簽格式化是圖表控件運用中十分重要的環節,如何使繪制的圖表看起來更易懂易讀,這就需要對標簽進行數字或者文本格式化,在標簽中加入度量衡等,這一節我們將會一起探討AnyChart如何進行軸標簽格式化
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
標軸標簽格式化是圖表控件運用中十分重要的環節,如何使繪制的圖表看起來更易懂易讀,這就需要對標簽進行數字或者文本格式化,在標簽中加入度量衡等,這一節我們將會一起探討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} | 軸名字 |
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:博客園