zoukankan      html  css  js  c++  java
  • FC的参数设置和注意事项

          第一节介绍了CFC,第二节详细的说明了其用法。您现在是不是在为XML文件的生成而纠结,太多的元素要设置。还记得那个Demo吗,我们还要用到

    一、元素设置

    先看一下大众元素:

    Set标签使用的参数
    value                        数据值
    color                        颜色
    link                        链接(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])
    name                        横向坐标轴标签名称

    字体属性
    baseFont                    图表字体样式
    baseFontSize                图表字体大小
    baseFontColor                图表字体颜色,6位16进制颜色值
    outCnvBaseFont                图表画布以外的字体样式
    outCnvBaseFontSize            图表画布以外的字体大小
    outCnvBaseFontColor        图表画布以外的字体颜色,6位16进制颜色值

         1图形背景和画布

        

    caption                      图表主标题
    subCaption                   图表副标题
    xAxisName                    横向坐标轴(x轴)名称
    yAxisName                    纵向坐标轴(y轴)名称

    yAxisMinValue                指定纵轴(y轴)最小值,数字
    yAxisMaxValue                指定纵轴(y轴)最大值,数字

    chartlegend                  图例

    bgColor                    图表背景色,6位16进制颜色值
    canvasBgColor                画布背景色,6位16进制颜色值
    canvasBgAlpha                画布透明度,[0-100]
    canvasBorderColor            画布边框颜色,6位16进制颜色值
    canvasBorderThickness        画布边框厚度,[0-100]
    shadowAlpha                投影透明度,[0-100]
    showLegend                    是否显示系列名,默认为1(True)

       (2)图形标签

        


     

    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            指定千分位分隔符,默认为','

        (3)刻度线、网格和间隔色

              

    numDivLines                画布内部水平分区线条数,数字
    divLineColor                水平分区线颜色,6位16进制颜色值
    divLineThickness            水平分区线厚度,[1-5]
    divLineAlpha                水平分区线透明度,[0-100]
    showAlternateHGridColor    是否在横向网格带交替的颜色,默认为0(False)
    alternateHGridColor        横向网格带交替的颜色,6位16进制颜色值
    alternateHGridAlpha        横向网格带的透明度,[0-100]
    showDivLinues            是否显示Div行的值,默认??
    numVDivLines                画布内部垂直分区线条数,数字
    vDivLineColor                垂直分区线颜色,6位16进制颜色值
    vDivLineThickness            垂直分区线厚度,[1-5]
    vDivLineAlpha                垂直分区线透明度,[0-100]
    showAlternateVGridColor    是否在纵向网格带交替的颜色,默认为0(False)
    alternateVGridColor        纵向网格带交替的颜色,6位16进制颜色值
    alternateVGridAlpha        纵向网格带的透明度,[0-100]

        (4)提示信息


        

    showhovercap                是否显示悬停说明框,默认为1(True)
    hoverCapBgColor            悬停说明框背景色,6位16进制颜色值
    hoverCapBorderColor        悬停说明框边框颜色,6位16进制颜色值
    hoverCapSepChar            指定悬停说明框内值与值之间分隔符,默认为','

        (5)折线的参数

    lineThickness                折线的厚度
    anchorRadius                折线节点半径,数字
    anchorBgAlpha                折线节点透明度,[0-100]
    anchorBgColor                折线节点填充颜色,6位16进制颜色值
    anchorBorderColor            折线节点边框颜色,6位16进制颜色值

    (二)特殊符合

         (1)欧元符号“€”,用“%80”。

              <graph decimalPrecision='0' numberPrefix='%80 '>

         (2)英镑符号“£”,用“%A3”。

              <graph decimalPrecision='0' numberPrefix='%A3 '>

         (3)人民币符号“¥”,用“%A5”。

              <graph decimalPrecision='0' numberPrefix='%A5 ' >

         (4)分符号“¢”,用“%A2”。

               <graph decimalPrecision='0' numberSuffix='%A2 '>

         (5)百分号符号示“%”,用“%25”。

              <graph decimalPrecision='0' numberSuffix='%25 '>

       

        (三)注意事项

        我们知道,在使用 GET方法得到参数时,浏览器对参数值的长度是有一定的限制的,所
    以,如果 XML字符过长,可能会产生问题。这时我们就需要使用 setDataURL()方法。
    如果你的 XML 字符里含有双字节字符,例如中文字符,你就不能使用 setDataXML()方法,
    你应该使用 setDataURL()方法。

         在使用 setDataURL()方法时,如果地址里含有“?”、“&”等字符,你就需要对这个地址
    进行 URL编码。在 JavaScript里进行编码,使用 escape(url)这个函数。如果你想在服务
    器端就进行编码,那就使用你的编程语言提供的 URL编码方法。

        到这里FusionCharts Free已经基本了解了,下面就看商业版的FC吧(破解版)。

       

    想整一个空间,帮忙点击一下,加一分吧,敬爱的朋友。

         

  • 相关阅读:
    微信中一些常用的js事件积累
    css 设置圆角
    移动开发可能用到的css单位
    移动端触摸划屏,实现内容滑动
    postman发送get请求
    Jmeter 快速入门初识线程组
    python基础(一)简单入门
    Jmeter 快速入门简单的http压测
    Mac下Git的基础操作
    接口测试基础
  • 原文地址:https://www.cnblogs.com/ssol/p/2266739.html
Copyright © 2011-2022 走看看