FusionCharts 的XML標簽屬性

          Posted on 2011-01-21 11:20 李春生 閱讀(787) 評論(0)  編輯  收藏

          FusionCharts 的XML標簽屬性
          FusionCharts 的 XML標簽屬性有一下四種數據類型
          * Boolean - 布爾類型,只能為1或者0。例如:<graph showNames=’1′ >
          * Number - 數字類型,只能為數字。例如:<graph yAxisMaxValue=’200′ >
          * String - 字符串類型,只能為字符串。例如: <graph caption=’My Chart’ >
          * Hex Color Code - 十六進制顏色代碼,前邊沒有’#’.例如: <graph bgColor=’FFFFDD’ >

          XML中的標簽和屬性有:
          <graph> 所具有的屬性
          flash背景參數:
          * bgColor=”HexColorCode” : 設置flash的背景顏色
          * bgAlpha=”NumericalValue(0-100)” : 設置背景的透明度
          * bgSWF=”Path of SWF File” : 設置一個外部的Flash 為flash的背景
          圖表背景參數:
          * canvasBgColor=”HexColorCode” : 設置圖表背景的顏色
          * canvasBaseColor=”HexColorCode” : 設置圖表基部的顏色
          * canvasBaseDepth=”Numerical Value” : 設置圖表基部的高度
          * canvasBgDepth=”Numerical Value” : 設置圖表背景的深度
          * showCanvasBg=”1/0″ : 設置是否顯示圖表背景
          * showCanvasBase=”1/0″ : 設置是否顯示圖表基部
          圖表和軸的標題
          * caption=”String” : 圖表上方的標題
          * subCaption=”String” : 圖表上方的副標題
          * xAxisName= “String” : X軸的名字
          * yAxisName= “String” : y軸的名字
          圖表數量值的限制
          * yAxisMinValue=”value”: y軸最小值
          * yAxisMaxValue=”value”: y舟最大值
          通用參數
          * shownames=”1/0″ : 設置是否在x軸下顯示<set>里指定的name
          * showValues=”1/0″ : 設置是否在柱型圖或餅型圖上顯示數據的值
          * showLimits=”1/0″ : 設置是否在圖表的y軸坐標上顯示最大最小的數據值
          * rotateNames=”1/0″ : 設置x軸下的name 是水平顯示還是垂直顯示
          * animation=”1/0″ : 設置柱型圖的顯示是否是動畫顯示
          字體屬性
          * baseFont=”FontName” : 設置字體樣式
          * baseFontSize=”FontSize” : 設置字體大小
          * baseFontColor=”HexColorCode” : 設置字體顏色
          * outCnvBaseFont = “FontName” : 設置圖表外側的字體樣式
          * outCnvBaseFontSze=”FontSize” : 設置圖表外側的字體大小
          * outCnvBaseFontColor=”HexColorCode”: 設置圖表外側的字體顏色
          數字格式選項
          * numberPrefix=”$” : 設置數據值的前綴
          * numberSuffix=”p.a” : 設置數據值的后綴(如果是特殊字符,需要使用URL Encode重編碼)
          * formatNumber=”1/0″ : 設置是否格式化數據
          * formatNumberScale=”1/0″ : 設置是否用“K”來代表千,“M”來代表百萬
          * decimalSeparator=”.” : 用指定的字符來代替小數點
          * thousandSeparator=”,” : 用指定的字符來代替千位分隔符
          * decimalPrecision=”2″ : 設置十進制的精度
          * divLineDecimalPrecision=”2″: 設置y軸數值的小數位數
          * limitsDecimalPrecision=”2″ : 設置y軸的最大最小值的小數位數
          水平分隔線
          * numdivlines=”NumericalValue” : 設置水平分隔線的數量
          * divlinecolor=”HexColorCode” : 設置水平分隔線的顏色
          * divLineThickness=”NumericalValue” : 設置水平分隔線的寬度
          * divLineAlpha=”NumericalValue0-100″ : 設置水平分隔線的透明度
          * showDivLineValue=”1/0″ : 設置是否顯示水平分隔線的數值
          鼠標旋停參數
          * showhovercap=”1/0″ : 顯示是否激活鼠標旋停效果
          * hoverCapBgColor=”HexColorCode” : 設置鼠標旋停效果的背景顏色
          * hoverCapBorderColor=”HexColorCode” : 設置鼠標旋停效果的邊框顏色
          * hoverCapSepChar=”Char” : 設置鼠標旋停后顯示的文本中的分隔符號
          圖表邊距的設置
          * chartLeftMargin=”Numerical Value (in pixels)” : 設置圖表左邊距
          * chartRightMargin=”Numerical Value (in pixels)” : 設置圖表右邊距
          * chartTopMargin=”Numerical Value (in pixels)” : 設置圖表上邊距
          * chartBottomMargin=”Numerical Value (in pixels)” : 設置圖表下邊距
          Zero Plane
          The zero plane is a 3D plane that signifies the 0 position on the chart. If there are no negative numbers on the chart, you won’t see a visible zero plane.
          * zeroPlaneShowBorder=”1/0″ : Whether the border of a 3D zero plane would be plotted or not.
          * zeroPlaneBorderColor=”Hex Code” : If the border is to be plotted, this attribute sets the border color for the plane.
          * zeroPlaneColor=”Hex Code” : The intended color for the zero plane.
          * zeroPlaneAlpha=”Numerical Value 0-100″ : The intended transparency for the zero plane.

          <set> 所具有的屬性
          * name=”string” : 設置在圖表中體現出來的名字
          Example: <set name=’Jan’ …>
          * value=”NumericalValue” : 設置在圖表中各個名字想對應的值
          Example: <set name=’Jan’ value=’12345′ …>
          * color=”HexCode” : 設置在圖表中相對應的柱行圖的顏色
          Example: <set name=’Jan’ value=’12345′ color=’636363′ …>
          * hoverText=”String value” : 設置鼠標旋停在相對應的柱行圖 上出現的文本內容
          Example: <set name=’Jan’ value=’12345′ color=’636363′ hoverText=’January’…>
          * link=”URL” : 設置該柱行圖的鏈接地址(需要URL Encode重編碼)
          Example: <set … link=’ShowDetails.asp%3FMonth=Jan’ …>
          * alpha=”Numerical Value 0-100″ : 設置在圖表中相對應的柱行圖的透明度
          Example: <set … alpha=’100′ …>
          * showName=”1″ : 設置在是否顯示圖表中相對應的柱行圖的name
          Example : <set … showName=”1″ …>

           


          功能特性
          animation                    是否動畫顯示數據,默認為1(True)
          showNames                    是否顯示橫向坐標軸(x軸)標簽名稱
          rotateNames                是否旋轉顯示標簽,默認為0(False):橫向顯示
          showValues                    是否在圖表顯示對應的數據值,默認為1(True)
          yAxisMinValue                指定縱軸(y軸)最小值,數字
          yAxisMaxValue                 指定縱軸(y軸)最小值,數字
          showLimits                    是否顯示圖表限值(y軸最大、最小值),默認為1(True)

          圖表標題和軸名稱
          caption                    圖表主標題
          subCaption                    圖表副標題
          xAxisName                    橫向坐標軸(x軸)名稱
          yAxisName                    縱向坐標軸(y軸)名稱

          圖表和畫布的樣式
          bgColor                    圖表背景色,6位16進制顏色值
          canvasBgColor                畫布背景色,6位16進制顏色值
          canvasBgAlpha                畫布透明度,[0-100]
          canvasBorderColor            畫布邊框顏色,6位16進制顏色值
          canvasBorderThickness        畫布邊框厚度,[0-100]
          shadowAlpha                投影透明度,[0-100]
          showLegend                    是否顯示系列名,默認為1(True)

          字體屬性
          baseFont                    圖表字體樣式
          baseFontSize                圖表字體大小
          baseFontColor                圖表字體顏色,6位16進制顏色值
          outCnvBaseFont                圖表畫布以外的字體樣式
          outCnvBaseFontSize            圖表畫布以外的字體大小
          outCnvBaseFontColor        圖表畫布以外的字體顏色,6位16進制顏色值

          分區線和網格
          numDivLines                畫布內部水平分區線條數,數字
          divLineColor                水平分區線顏色,6位16進制顏色值
          divLineThickness            水平分區線厚度,[1-5]
          divLineAlpha                水平分區線透明度,[0-100]
          showAlternateHGridColor    是否在橫向網格帶交替的顏色,默認為0(False)
          alternateHGridColor        橫向網格帶交替的顏色,6位16進制顏色值
          alternateHGridAlpha        橫向網格帶的透明度,[0-100]
          showDivLineValues            是否顯示Div行的值,默認??
          numVDivLines                畫布內部垂直分區線條數,數字
          vDivLineColor                垂直分區線顏色,6位16進制顏色值
          vDivLineThickness            垂直分區線厚度,[1-5]
          vDivLineAlpha                垂直分區線透明度,[0-100]
          showAlternateVGridColor    是否在縱向網格帶交替的顏色,默認為0(False)
          alternateVGridColor        縱向網格帶交替的顏色,6位16進制顏色值
          alternateVGridAlpha        縱向網格帶的透明度,[0-100]

          數字格式
          numberPrefix                增加數字前綴
          numberSuffix                增加數字后綴    % 為 '%25'
          formatNumberScale        是否格式化數字,默認為1(True),自動的給你的數字加上K(千)或M(百萬);若取0,則不加K或M
          decimalPrecision            指定小數位的位數,[0-10]    例如:='0' 取整
          divLineDecimalPrecision    指定水平分區線的值小數位的位數,[0-10]
          limitsDecimalPrecision        指定y軸最大、最小值的小數位的位數,[0-10]
          formatNumber                逗號來分隔數字(千位,百萬位),默認為1(True);若取0,則不加分隔符
          decimalSeparator            指定小數分隔符,默認為'.'
          thousandSeparator            指定千分位分隔符,默認為','

          Tool-tip/Hover標題
          showhovercap                是否顯示懸停說明框,默認為1(True)
          hoverCapBgColor            懸停說明框背景色,6位16進制顏色值
          hoverCapBorderColor        懸停說明框邊框顏色,6位16進制顏色值
          hoverCapSepChar            指定懸停說明框內值與值之間分隔符,默認為','

          折線圖的參數
          lineThickness                折線的厚度
          anchorRadius                折線節點半徑,數字
          anchorBgAlpha                折線節點透明度,[0-100]
          anchorBgColor                折線節點填充顏色,6位16進制顏色值
          anchorBorderColor            折線節點邊框顏色,6位16進制顏色值

          Set標簽使用的參數
          value                        數據值
          color                        顏色
          link                        鏈接(本窗口打開[Url],新窗口打開[n-Url],調用JS函數[JavaScript:函數])
          name                        橫向坐標軸標簽名稱


          只有注冊用戶登錄后才能發表評論。


          網站導航:
           

          posts - 5, comments - 10, trackbacks - 0, articles - 23

          Copyright © 李春生

          主站蜘蛛池模板: 化州市| 于都县| 海城市| 玉屏| 乌鲁木齐市| 五大连池市| 来凤县| 富民县| 佛冈县| 革吉县| 临沧市| 永胜县| 海门市| 延庆县| 神农架林区| 万安县| 奇台县| 闽清县| 石渠县| 乌审旗| 万州区| 安达市| 当雄县| 林口县| 汤阴县| 宾川县| 平谷区| 靖宇县| 天长市| 广昌县| 黄冈市| 新野县| 湛江市| 那曲县| 镇远县| 宁南县| 来凤县| 闸北区| 托里县| 高陵县| 连江县|