`
kidiaoer
  • 浏览: 822539 次
  • 性别: Icon_minigender_1
  • 来自: 深圳
文章分类
社区版块
存档分类
最新评论

Funsion Charts 参数大全

阅读更多
Funsion Charts 参数大全

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]
showDivLinues 是否显示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 横向坐标轴标签名称

Demo:

XML源代码

03	  <categories>
01	<chart caption='Business Results 2005 v 2006' xAxisName='Month' yAxisName='Revenue' showValues='0' numberPrefix='$'>
05	      <category label='Jan' />
07	      <category label='Feb' />
09	      <category label='Mar' />
11	      <category label='Apr' />
13	      <category label='May' />
15	      <category label='Jun' />
17	      <category label='Jul' />
19	      <category label='Aug' />
21	      <category label='Sep' />
23	      <category label='Oct' />
25	      <category label='Nov' />
27	      <category label='Dec' />
29	   </categories>
31	   <dataset seriesName='2006'>
33	      <set value='27400' />
35	      <set value='29800'/>
37	      <set value='25800' />
39	      <set value='26800' />
41	      <set value='29600' />
43	      <set value='32600' />
45	      <set value='31800' />
47	      <set value='36700' />
49	      <set value='29700' />
51	      <set value='31900' />
53	      <set value='34800' />
55	      <set value='24800' />
57	   </dataset>
59	   <dataset seriesName='2005'>
61	      <set value='10000'/>
63	      <set value='11500'/>
65	      <set value='12500'/>
67	      <set value='15000'/>
69	      <set value='11000' />
71	      <set value='9800' />
73	      <set value='11800' />
75	      <set value='19700' />
77	      <set value='21700' />
79	      <set value='21900' />
81	      <set value='22900' />
83	      <set value='20800' />
85	   </dataset>  
87	   <trendlines>
89	   <line startValue='26000' color='91C728' displayValue='Target' showOnTop='1'/>
91	   </trendlines>
93	</chart>
分享到:
评论

相关推荐

    Funsion Charts简单示例

    FusionCharts是一款强大的JavaScript图表库,它能够帮助开发者轻松创建交互式、丰富的数据可视化效果。在"简单示例"这个主题中,我们将深入探讨如何利用FusionCharts来制作图表,并了解其基本用法。...

    funsion chartsV3 for flex 破解文件及DEMO,绝对可运行

    funsion chartsV3 for flex 破解文件及DEMO,绝对可运行! 主要是里面的SWC文件已经破解了,绝对可以运行,没有水印,跟正版一样! 运行环境:flash builder 4.6

    funsionCharts参数大全

    FusionCharts是一款强大的JavaScript图表库,它提供了丰富的图表类型和高度可定制的参数,使得创建交互式、美观的图表变得简单。以下是对FusionCharts部分关键参数的详细说明: 1. **动画效果**: - `animation`: ...

    funsion computer安装

    FusionCompute 安装指南 FusionCompute 是华为公司研发的虚拟化技术,旨在帮助企业快速构建私有云。通过 FusionCompute,可以实现服务器虚拟化、存储虚拟化和网络虚拟化,提高了数据中心的灵活性和扩展性。...

    VINS系列(一)-Vins-Funsion环境配置

    VINS系列(一)-Vins-Funsion环境配置

    Vins-Funsion-思维导图(知识整理)

    这是我个人通过学习Slam中的Vins-Funsion框架做的知识总结,里面的知识总结可能存在问题,如果发现哪里不对的话,希望大家能帮我指出来,共同进步

    FusionCharts

    以下是关于FusionCharts及其核心组成部分——Data和Charts文件夹的详细解释。 1. **FusionCharts介绍** FusionCharts是一款JavaScript图表库,支持超过90种不同类型的图表,包括柱状图、饼图、线图、热力图等,...

    Javascript仿PHP $_GET获取URL中的参数

    在JavaScript中,我们经常需要获取URL中的查询参数(query parameters),这些参数通常是以问号(?)后跟一串键值对的形式存在于URL中。在PHP中,我们可以使用全局变量`$_GET`来轻松地访问这些参数。然而,...

    常用的Altium Designer 的PCB3D库

    Altium Designer是一款强大的电子设计自动化(EDA)软件,广泛用于电路板设计。PCB3D是Altium Designer中的一个特色功能,它允许设计师在3D环境中预览和布局PCB,以便更好地理解实际产品的外观和空间占用。...

    华为FunsionServer V5机架服务器

    华为 FusionServer 1288H V5是一款1U2路机架服务器,适用于云计算虚拟化、高性能计算(HPC)、大数据处理等负载的高密度部署,提升数据中心空间利用率。1288H V5在1U空间里可配置2路英特尔® 至强® 可扩展处理器、24...

    FusionChar入门(V3)

    NULL 博文链接:https://liuzidong.iteye.com/blog/888475

    shell中的循环语句

    这个脚本接收一个文件名作为参数,用于创建一个新的repo文件。它会提示用户输入repo id,如果输入`quit`,则退出脚本。否则,它将根据用户的输入生成repo文件。这里省略了完整的脚本,但主要逻辑如下: ``` #!/bin...

    FunsionCompute8.0

    FunsionCompute8.0 包含 CNA、VRM及常用工具

    MAC VMWare Fusion网络设置方法

    今天小编就为大家分享一篇MAC VMWare Fusion网络设置方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧

    funsionChart参考手册

    本文将基于《FusionCharts参考手册》,深入探讨FusionCharts中的关键参数及其功能意义,帮助读者更好地理解和运用这一工具。 二、核心参数详解 1. **动画效果(animation)**:此参数决定图表加载时是否启用动画...

    解决VMWARE桥接模式虚拟机无法上网的问题

    问题: 之前虚拟机都是可以通过桥接模式上网的,这两天新装的虚拟机不管怎么设置,都无法通过桥接模式连接上网络。 原因和解决办法: 尝试了很多种办法,最后发现是腾讯的全民wifi的问题。 因为全民wifi和无线键鼠...

    Mysql权限管理grant命令使笔记

    最常用的,弄主从同步的时候,给从库的slave用户设置拥有所有权限,权限all仅允许其从192.168.0.2登录,并限定使用密码 funsion (密码要用 单/双引号 括起来) 代码如下:grant all on *.* to slave@192.168.0.2 ...

    Fusion-360---Linux-Wine-Version-:这是一个项目,我为您提供在Linux上使用Autodesk Fusion 360的方法!

    Fusion-360-Linux(葡萄酒版) 我使用WINE在Linux上运行该程序,因此您仅需能够使用Fusion 360,就不需要两个操作系统。 在我的系统上,我将openSUSE Leap 15.2与桌面环境Xfce一起使用。 该程序实际上已经在运行...

    MySQL 5.5主从同步设置笔记分享

    在某些情况下,你可能需要在不停止主库服务的情况下创建从库,例如使用`mysqldump`备份主库,并带上`--master-data=1`参数,这样导出的SQL文件中会包含`CHANGE MASTER`语句,便于从服务器导入后自动开始复制。...

    fusioncharts导出到excel示例

    FusionCharts的导出请求会携带必要的参数,如图表ID、导出格式等。在服务器端,根据这些参数生成Excel文件。 3. **导出到Excel的实现**:FusionCharts提供了XML格式的数据,可以通过服务器端的库(如PHP的PHPExcel...

Global site tag (gtag.js) - Google Analytics