• Fusioncharts图表常用参数设置


    1.1 <chart>参数设置:

    图表和轴的标题
    * caption=”String” : 图表上方的标题
    * subCaption=”String” : 图表上方的副标题
    * xAxisName= “String” : X轴的名字
    * yAxisName= “String” : y轴的名字
    1.1.2 通用参数
    * shownames=”1/0″ : 设置是否在x轴下显示<set>里指定的name
    * showValues=”1/0″ : 设置是否在柱型图或饼型图上显示数据的值
    * showLimits=”1/0″ : 设置是否在图表的y轴坐标上显示最大最小的数据值
    * rotateNames=”1/0″ : 设置x轴下的name 是水平显示还是垂直显示
    * animation=”1/0″ : 设置柱型图的显示是否是动画显示
    1.1.3 字体属性
    * baseFont=”FontName” : 设置字体样式
    * baseFontSize=”FontSize” : 设置字体大小
    * baseFontColor=”HexColorCode” : 设置字体颜色
    * outCnvBaseFont = “FontName” : 设置图表外侧的字体样式
    * outCnvBaseFontSze=”FontSize” : 设置图表外侧的字体大小
    * outCnvBaseFontColor=”HexColorCode”: 设置图表外侧的字体颜色
    1.1.4 数字格式选项
    * numberPrefix=”$” : 设置数据值的前缀
    * numberSuffix=”p.a” : 设置数据值的后缀(如果是特殊字符,需要使用URL Encode重编码)
    * formatNumber=”1/0″ : 设置是否格式化数据
    * formatNumberScale=”1/0″ : 设置是否用“K”来代表千,“M”来代表百万
    * decimalSeparator=”.” : 用指定的字符来代替小数点
    * thousandSeparator=”,” : 用指定的字符来代替千位分隔符
    * decimalPrecision=”2″ : 设置十进制的精度
    * divLineDecimalPrecision=”2″: 设置y轴数值的小数位数
    * limitsDecimalPrecision=”2″ : 设置y轴的最大最小值的小数位数
    1.1.5 图表边距的设置
    * chartLeftMargin=”Numerical Value (in pixels)” : 设置图表左边距
    * chartRightMargin=”Numerical Value (in pixels)” : 设置图表右边距
    * chartTopMargin=”Numerical Value (in pixels)” : 设置图表上边距
    * chartBottomMargin=”Numerical Value (in pixels)” : 设置图表下边距

    1.2 <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 横向坐标轴标签名称

    1.2.1

    <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″ : 设置水平分隔线的透明度
    * showDivLinue=”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″ …>

    <!--EndFragment-->

  • 相关阅读:
    Linux--shell的awk--10
    Spring Boot 整合 tk.mybatis
    pring Boot 整合 Druid
    Thymeleaf 模板布局
    Thymeleaf 内置对象
    Thymeleaf 表达式语法
    Thymeleaf 参考手册
    Thymeleaf常用语法
    Thymeleaf简介及第一个thymeleaf模板
    Docker 安装nginx
  • 原文地址:https://www.cnblogs.com/aflyfly/p/11654964.html
Copyright © 2020-2023  润新知