财经

FusionCharts的施用办法(超详细)

22 2月 , 2019  

自然都快要扬弃简书了吧,前几日无意中点了进来看看有人关怀了投机。挺快意的就是,近日已经有陆人关切了。即便在旁人看来那少的非凡,不过对自家而言
真的蛮宝贵的。

前天总结价格变化规律的时候找到的多个很好的文档,很详细

谢谢关切

一、简介

回归正题把~

Ø FusionCharts 是InfoSoft Global 集团的2个成品,InfoSoft Global 公司是业内的Flash 图形方案提供商,他们还有七款其他的,基于Flash 技术的出品,都十一分的优秀。

早晨

Ø FusionCharts Free 则是FusionCharts 提供的一个免费版本,即便免费,功效如故有力,图形类型照旧丰硕。

游大大课:

Ø FusionCharts free 是三个跨平台,跨浏览器的flash 图表组件消除方案,能够被ASP.NET, ASP, PHP, JSP, ColdFusion, Ruby on Rails, 不难HTML 页面甚至PPT 调用。

刷了半时辰的36Kr 那个app真心不错

Ø FusionCharts free新本子中所做的变更:

自个儿在吴晓波的微信公众号看到的

• 增添了动用jsp 和Ruby on Rails 来集成FusionCharts 的代码和文档。

近来好不简单每一天都会去兜兜吧~

• FusionCharts DOM 越发便于地把图片加载到页面上。

新兴看了  王小波先生的 沉默的多数

• 修改了.Net 的应用代码和文档。

该怎么说小波兄呢  他在文里提到本身的文风是有品红幽默  小编挺认同的  

• 扩张了新的PHP API ,并修复了部分BUG。

他呢  就好像体制内的一颗不安分的种子

• 修改了FusionCharts.js ,以便可以支撑双引号。

可他一贯不抗拒的本事  事实上  那多少个时候的华夏  哪个人也不可以施救  

• 扩大了在FusionCharts 使用UTF-8 编码的演示。

喜爱他骄傲自满的文笔  但她说的话只可以说基本上在理  有的本人恐怕不恐怕认同

 二 、部分功力显示

作为三个有特性的小说家群  小编大概引进他

图片 1图片 2图片 3图片 4图片 5图片 6图片 7图片 8

前进心情学:

叁 、报表图形对应的swf文件分类

理所当然啊要继续本人的王小波先生沟通会

图表类型

后来在喜马拉雅  话说这些有声app真心不错
 才出了三年就已经做的有温馨的一套了  喜欢听声的对象可以关怀下啊~

文件名

喜马拉雅里看到了孙晨宇那号人物

Single 塞里es Charts(单连串图片)

90后的1个有前景大伙子~

Column 3D

听了下她的电视台 感觉就播的成熟度依旧不够的
然则深感那些青年人的合计作者日前如故挺认同的   在迟疑要不要买这么些会员听听

FCF_Column3D.swf

对了她依旧怎么样陪您app的总主管,作者下载了多少个,咦!嫌弃嫌弃!是3个得以和面生人说话聊天的东西,咋一听好像还挺吸引人的,你下载了试了才知晓,满满的雷同感,没有用清热生津营的app。果断pass了!

Column 2D

近年来对经济知识很有趣味来着

FCF_Column2D.swf

就此吴晓波啊激荡三十年啊浩荡三千年啊啥的都去看了看

Line 2D

恩挺对本身胃口的  
有没有喜欢财经知识想询问仍旧会领悟有关股票啊基金那上头的伙伴啊
 一起探寻致富道路啊~

FCF_Line.swf

插播下喜马拉雅12.3有运动,付费内容有减免什么的。认可一句话,好的事物就是要收费。

Area 2D

您去听外人说怎么着然后您在中间无形中或者就会被影响下
 久而久之就会潜移默化的消费观金钱观   大家活的穷可是思想不大概穷
 和那一个能生钱的人  在思想上你日渐就不会那么局限了  

FCF_Area2D.swf

说的好粗糙哦~

Bar 2D

下午

FCF_Bar2D.swf

顶着听讲座的名义

Pie 2D

本身和笔笔在楼上教授自个儿自习了

FCF_Pie2D.swf

自个儿呢  看了一本温情吗

Pie 3D

或许是干燥的过度的一本小说

FCF_Pie3D.swf

作者觉得神奇的一些是

Doughnut 2D

本人竟然把那本平淡的小说看完了

FCF_Doughnut2D.swf

终极一场雪

Multi-series Charts(多密密麻麻图片)

二个法国鬼子写的书  

Multi-series Column 2D

好细腻的人物描写

FCF_MSColumn2D.swf

思想神态

Multi-series Column 3D

叁个大概的政工却写的

FCF_MSColumn3D.swf

那就是说令人心醉其中

Multi-series Line 2D

即便如此自个儿中途睡着了

FCF_MSLine.swf

实在困

Multi-series Bar 2D

周一没有休息好

FCF_MSBar2D.swf

花了一个多钟头就快看完了

Multi-series Area 2D

总括也就100多页把  要看其实高速

FCF_MSArea2D.swf

那本书吗 很符合本人一位

Stacked Charts(堆栈图)

捧着一杯热茶 在三个咖啡厅里大概体育场馆的一角  逐渐的品味

Stacked Column 3D

接近无奇的文段里却随处有和平

FCF_StackedColumn3D.swf

那类似小编回忆里的法兰西共和国

Stacked Column 2D

二个妖媚的慢节奏的细腻的国家

FCF_StackedColumn2D.swf

动机浮躁的自己看完了  你呢  可以尝试

Stacked Bar 2D

晚上

FCF_StackedBar2D.swf

陪笔笔拿了个东西  就骑车载(An on-board)她回去了

Stacked Area 2D

说到自个儿的迈凯伦~~~

FCF_StackedArea2D.swf

嘿嘿就是本人300的车子啦  不要打小编~

Combination Charts(组合图)

这个家伙终于肯乖乖坐自身车了不便于啊

Multi-series Column 3D + Line – Dual Y Axis

新兴去了健身房

FCF_MSColumn2DLineDY.swf

半道听了  浩荡3000年  吴晓波写的  但是本人听的话是别的贰个动静
 吴先生的胆识很渊博  作者个人是很欣赏他的  但对于她的开口声音哦
 这一个自家个人是不太能接受的  所以也失去了她的有声  可是可以看微信弥补啦

Multi-series Column 3D + Line – Dual Y Axis

万顷3000年听了有一段日子了   听完感触挺多的  但您真要小编和您说说
 小编还真不上来吗

FCF_MSColumn3DLineDY.swf

只要有听喜马拉雅的听众朋友  可以尝试明白吗

Financial Charts(财经图,即蜡烛图)

健身健身

Candlestick Chart

自我感觉到温馨好久没去了  

FCF_Candlestick.swf

明晚跑步了半时辰 然后练了个瑜伽  笔者想应该是自己太久没练了吧
 明日练的挺勤奋的就是   但自小编代表  作为1个练了快一年的本人来说
 瑜伽对女子是真的好  不要单独为了减肥
 练久了人的心理啊体态啊啥的都有点变化的  关键你用心练
 不要盲目追求体式。

Funnel Chart(漏斗图)

新生重临的时候听了十点读书

Funnel Chart

相对其他鸡汤文  笔者更能接受这些

FCF_Funnel.swf

唯独足以偶尔听听啦~

Gantt Chart(甘特图)

现行自家更爱听点实用性强的

Gantt Chart

归来的时候

FCF_Gantt.swf

蓦然想刷剧了

 

好呢其实是自我磨炼的饿了  想要边吃边看点吗

四 、安装使用

这么些不是器重  重点来了!

1. 在web项目目录下新建3个文件夹( 如FusionCharts),并把全部的SWF 文件都拷贝到这些文件夹里。

是自家看了legal high  

2. 在页面导入FusionCharts.js 文件,如:

本身的天   那美剧真心雅观

<script type=”text/javascript” src=”FusionCharts.js”></script>

诚然别错过  情节紧密 男主一位撑了整部剧的笑点经点  很棒!

3. js加载数目变动报表(有二种艺术)

要不是后天有课  真心想刷完它~  

方法一:xml文件引用法

熊熊推荐啊

(1)定义1个固定格式的xml文件(以Data.xml为例)

再有一部

Date.xml的内容如下:

本身事先刷的

<graph caption=’每月销售额柱形图’ xAxisName=’月份’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′>  

   <set name=’一月’ value=’462′ color=’AFD8F8′ />  

   <set name=’二月’ value=’857′ color=’F6BD0F’ />  

   <set name=’三月’ value=’671′ color=’8BBA00′ />  

   <set name=’四月’ value=’494′ color=’FF8E46′ />  

   <set name=’五月’ value=’761′ color=’008E8E’ />  

   <set name=’六月’ value=’960′ color=’D64646′ />  

   <set name=’七月’ value=’629′ color=’8E468E’ />  

   <set name=’八月’ value=’622′ color=’588526′ />  

   <set name=’九月’ value=’376′ color=’B3AA00′ />  

   <set name=’十月’ value=’494′ color=’008ED6′ />  

<set name=’十一月’ value=’761′ color=’9D080D’ />  

   <set name=’十二月’ value=’960′ color=’A186BE’ />  

</graph> 

本身的生死存亡老婆

(2) js加载方法,代码如下:

剧荒的同伴可以设想看看哦~

<div id=”chartdiv1”></div>

<script type="text/javascript">  
    var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");    
     myChart2.setDataURL("Data.xml");    
     myChart2.render("chartdiv1");   
 </script> 

好了本身的一天大致就是这么了

 

在实质上生活中没干啥

格局二:字符串加载法

但在精神世界里却相当红火的一天~

(1) 定义四个有固定格式的字符串,即可以将上述xml文件组合成字符串

晚安。

var dataXml = “<graph caption=’每月销售额柱形图’ xAxisName=’月份’ yAxisName=’Units’ showNames=’1′ decimalPrecision=’0′ formatNumberScale=’0′><set name=’一月’ value=’462′ color=’AFD8F8′ /><set name=’二月’ value=’857′ color=’F6BD0F’ /><set name=’三月’ value=’671′ color=’8BBA00′ /><set name=’四月’ value=’494′ color=’FF8E46′ /><set name=’五月’ value=’761′ color=’008E8E’ /><set name=’六月’ value=’960′ color=’D64646′ /><set name=’七月’ value=’629′ color=’8E468E’ /><set name=’八月’ value=’622′ color=’588526′ /><set name=’九月’ value=’376′ color=’B3AA00′ /><set name=’十月’ value=’494′ color=’008ED6′ /><set name=’十一月’ value=’761′ color=’9D080D’ /><set name=’十二月’ value=’960′ color=’A186BE’ /></graph>”;

终极再度多谢关注自身的伙伴,

(2)js加载方法,代码如下:

梦想您们能够看出的本人的谢意。

<div id=”chartdiv1”></div>

<script type="text/javascript">  
    var myChart2 = new FusionCharts("../FusionCharts/FCF_Column3D.swf","myChartId2", "600","300");    
     myChart2.setDataURL(dataXml);    
     myChart2.render("chartdiv1");   
 </script>

 

 解析:操作步骤:

<1>建立目标:

用四个参数建立了叁个FusionCharts对象,

    var myChart = new FusionCharts(“../FusionCharts/FCF_Column3D.swf”, “myChartId”, “600”, “500”); 

      第二个参数是SWF文件的地方。

      第四个是图片的id。那些id可以不管叫什么,不过要小心,当一个页面里有三个图形的时候,那几个id一定假使绝无仅有的。

      第⑤个参数是图表的宽。

      首个参数是图片的高。

<2> 加载数据:

先是种加载方法必要安装数据文件的地方。如:

        myChart.setDataURL(“Data.xml”);  

第①种加载方法须要设置相应的字符串。如:

    myChart2.setDataU帕杰罗L(dataXml); //dataXml为字符串

 <3> 把图片渲染在指定的地方。

myChart.render(“chartdiv”);  

   “chartdiv”就是后面的DIV的id,那就代表把图形render到”chartdiv”,即Flash图形就出现在那几个id为”chartdiv1″的DIV里。

 

肆 、引起flash图像不可以凸显的或然原因

(一)借使没有在页面上来看图片,大概是上边的来由之一:

1. SWF没有松手正确的文件夹。

2. 在html文件里,SWF的门路设置不得法。

3. 从未安装Flash Player。

4. 尚无启用浏览器Flash播放选项。

(二)假使您得到了3个“Error in Loading Data”的新闻,恐怕是:

1. xml文书没松手正确的文书夹。

2. xml的文件名不科学。比如,你或许十分大心把它命名Data.xml.txt。

(三)如果你获取了3个“Invalid XML Data”的音信,可能是:  

1. xml文件里的故事情节有不当。

 

⑤ 、特殊字符

 在FCF里,一些非正规的编码都需求通过编码。如:

“€”新币符号 ——— 要求用“%80”替换

“£”美元符号 ——— 必要用“%A3”替换

“¥”人名币符号—— 必要用“%A5”替换

“¢”分符号 ————需要用“%A2”替换 

“%”百分号 ———— 需要用“%25”替换

“&”连字符 ———— 需要用“&”替换

“>”大于号 ———— 需要用“>”替换

“’”单引号 ———— 需要用“'”替换

如若要体现双引号,直接行使就可以了,前提是属性值是用单引号括起来的。若是属性值是用双引号括起来的,要显得单引号,也得以一向利用,而不用用“'”来替换它。

 

⑤ 、属性参数大全

FusionCharts的XML标签属性有以下各类数据类型:

* Boolean – 布尔类型,只好为1恐怕0。例如:<graph showNames=’1’> 

* Number – 数字类型,只可以为数字。例如:<graph yAxis马克斯Value=’200’> 

* String – 字符串类型,只好为字符串。例如:<graph caption=’My Chart’ > 

* HexColorCode  – 六进制颜色代码,后面没有‘#’。例如:<graph bgColor=’FFFFDD’>

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

1. 功能特色

animation …………………………[bool]是或不是动画显示数据,暗许为1(True)

palette …………………………… [number]使用暗中同意的调色板(1-5)

showNames ………………………[bool]是否出示横向坐标轴(x轴)标签名称

showLables ………………………[bool]是还是不是出示标签,暗许为1(True)突显(set中有lable属性时)

rotateNames ………………………[bool]是或不是旋转彰显标签(name),暗中认同为0(False):横向呈现

rotateLabels ………………………[bool]安装x轴上的lable突显方式,暗中同意为0横向彰显

showValues ………………………[bool]是或不是在图纸显示相应的数据值,专断认同为1(True)

yAxisMinValue ………………… [number]点名纵轴(y轴)最小值,数字

yAxisMaxValue ………………… [number] 内定纵轴(y轴)最小值,数字

showLimits ………………………[bool]是不是出示图表限值(y轴最大、最小值),暗许为1(True)

labelDisplay ………………………[string ]标签的呈现格局[“WRAP”,”STAGGER”,”ROTATE”,

                            “NONE”](超长屏蔽、折行、倾斜、不呈现)

staggerLines …………………… [number]稍加个字符后折行(labelDisplay=’stagger’)

rotateValues ………………………[bool]是不是滚动突显值 (showValues=’1’)

showYAxisValues …………………[bool]是还是不是出示y轴数据

yAxisValuesStep ………………… [number]y轴标记的显得间隔

adjustDiv …………………………[bool]机动调整divlines

clickURL …………………………[string]图形的主旨链接地址

defaultAnimation …………………[bool]是不是开启暗许动画

connectNullData …………………[bool]是还是不是突显空值(?)

slantLabels ……………………… [bool]

showDivLineValues ………………[bool]

rotateYAxisName …………………[bool]

yAxisNameWidth ……………… [number] (In Pixels)

labelStep ………………………  [number] (1 or above)

setAdaptiveYMin

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

2. 图形标题和轴名称 

caption ………………………… [string]图表主标题

subCaption ………………………[string] 图表副标题

xAxisName …………………… [string]横向坐标轴(x轴)名称

yAxisName ……………………[string] 纵向坐标轴(y轴)名称

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

3. 图纸和画布的体制

bgColor ……………………[color]图片背景观,可以利用逗号分割七个颜色值 陆位16进制颜色值

bgRatio ………………………[number]五个颜色值所占的比值,[0-100]

bgAngle ………………………[number]角度,[0-360]

bgSWF ……………………… [string] 设置一个外表的Flash 为flash的背景(须在同贰个域下)

bgSWFAlpha …………………[number] 背景flash透明度,[0-100]

bgAlpha……………………… [number]安装图表背景发光度,[0-100]

shadowAlpha …………………[number]影子发光度,[0-100]

showLegend ………………… [bool]是或不是出示系列名,暗中同意为1(True)

canvasBgColor …………………[color]画布背景观,7人16进制颜色值

canvasBgAlpha …………………[number]画布光滑度,[0-100]   0为不透明

canvasBorderColor …………… [color]画布边框颜色,八位16进制颜色值

canvasBorderThickness …………[number]画布边框厚度,[0-100]

canvasBaseColor ……………… [color]设置图表基部的颜色,八位16进制颜色值 

canvasBaseDepth ……………… [number]安装图表基部的冲天 

canvasBgDepth …………………[number]安装图表背景的深浅 

 showCanvasBg …………………[bool]安装是或不是出示图表背景 

 showBorder …………………… [bool]画布发光度,暗许为1出示

showCanvasBase ………………[bool]安装是或不是出示图表基部

pieFillAlpha ……………………[number]各色块填充颜色的深浅

pieSliceDepth …………………[bool]安装各样色块间隔线的宽度(不可以与pieBorderAlpha同用)

useRoundEdges ……………… [bool]设置图表图形边角是不是是为圆角,私自认同为0不是

 chartLeftMargin ……………… [number]设置图表左侧距,像素 

chartRightMargin ………………[number]安装图表左侧距,像素

chartTopMargin ……………… [number]设置图表下边距,像素

chartBottomMargin ……………[number]设置图表上边距,像素

canvasBgRatio …………………[ ?]

canvasBgAngle …………………[number]

borderColor ……………………[color]

borderThickness ……………… [number] 

borderAlpha ……………………[number]

canvasBorderAlpha ……………[number]

captionPadding …………………[?]

xAxisNamePadding ……………[?]

yAxisNamePadding ……………[?]

yAxisValuesPadding ……………[?]

labelPadding ……………………[?]

valuePadding ……………………[?]

 

canvasPadding

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

4. 字体属性

baseFont ………………………[string]图片字体样式,如“大篆”、“宋体”

baseFontSize ………………… [number]图形字体大小

baseFontColor …………………[color]图表字体颜色,八人16进制颜色值

outCnvBaseFont ………………[string]图片画布以外的书体样式

outCnvBaseFontSize ………… [number]图形画布以外的字体大小

outCnvBaseFontColor ……… [color]图形画布以外的书体颜色,七位16进制颜色值

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

5. 分区线和网格

numDivLines ……………………[string]画布内部水平分区线条数,数字

divLineColor ……………………[string]水平分区线颜色,陆位16进制颜色值

divLineThickness ……………… [string]水平分区线厚度,[1-5]

divLineAlpha ……………………[string]水平分区线反射率,[0-100]

showAlternateHGridColor ………[string]是还是不是在横向网格带交替的颜色,暗许为0(False)

alternateHGridColor ……………[string]横向网格带交替的颜色,伍人16进制颜色值

alternateHGridAlpha ……………[string]横向网格带的发光度,[0-100]

showDivLineValues …………… [string]是或不是出示Div行的值,暗中同意??

numVDivLines ………………… [string]画布内部垂直分区线条数,数字

vDivLineColor ………………… [string]笔直分区线颜色,八位16进制颜色值

vDivLineThickness ………………[string]笔直分区线厚度,[1-5]

vDivLineAlpha ……………………[string]笔直分区线反射率,[0-100]

showAlternateVGridColor ………[string]是或不是在纵向网格带交替的颜色,暗许为0(False)

alternateVGridColor …………… [string]纵向网格带交替的颜色,七个人16进制颜色值

alternateVGridAlpha …………… [string]纵向网格带的折射率,[0-100]

plotGradientColor ………………[color]潜移默化颜色,陆位16进制颜色值

plotBorderDashed ………………[string]bool 是或不是选择虚线(柱形图边界线)

divLineIsDashed ……………… [bool]画布背景线条是不是为虚线

alternateHGridColor ……………[color] 画布背景横向线条之间轮流出现的颜料

showPlotBorder …………………[bool]

plotBorderColor …………………[color]

plotBorderThickness ……………[number][0-5] 

plotBorderAlpha …………………[number]

plotBorderDashLen ……………[number] pixels

plotBorderDashGap ……………[number] pixels

plotFillAngle ………………… [number] [0-360]

plotFillRatio ……………………[number] [0-100]

plotFillAlpha ……………………[number]

showShadow ……………………[bool]是还是不是出示阴影

plotFillColor ……………………[color]

Anchors …………………………[?]

drawAnchors ……………………[bool]

anchorSides ……………………[number]边数[3-20]

anchorRadius ………………… [number] pixels 半径

anchorBorderColor …………… [color]

anchorBorderThickness …………[number]

anchorBgColor ……………… [string]

anchorAlpha ……………………[number]

anchorBgAlpha …………………[number]

divLineDashLen ……………… [?]

divLineDashGap ……………… [?]

zeroPlaneColor …………………[color]

zeroPlaneThickness ……………[number]

zeroPlaneAlpha …………………[number]

showAlternateHGridColor ………[color]

alternateHGridAlpha ……………[number]

vDivLineIsDashed ………………[?]

vDivLineDashLen ………………[?]

vDivLineDashGap ………………[?]

showAlternateVGridColor ………[color]

alternateVGridColor …………… [color]

alternateVGridAlpha ……………[number]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

6. 数字格式

numberPrefix ……………………[string]扩充数字前缀

numberSuffix ……………………[string]充实数字后缀

formatNumberScale …………… [bool]是或不是格式化数字,暗许为1(True),自动的给您的数字加上K(千)或M(百万);若取0,则不加K或M

decimalPrecision …………………[number]点名小数位的位数,[0-10] 例如:=’0′ 取整

divLineDecimalPrecision …………[number]点名水平分区线的值小数位的位数,[0-10]

limitsDecimalPrecision ………… [number]内定y轴最大、最小值的小数位的位数,[0-10]

formatNumber ……………………[number]逗号来分隔数字(千位,百万位),暗许为1(True);若取0,则不加分隔符

decimalSeparator …………………[number]点名小数分隔符,默许为’.’

thousandSeparator ………………[number]点名千分位分隔符,暗中同意为’,’

decimalSeparator ……………… [number]用钦定的字符来代表小数点 

thousandSeparato ……………… [number]用内定的字符来顶替千位分隔符

decimals …………………………[number]设置鼠标悬停在图片上浮现百分比的精确度[0-10]

                            (不能与formatNumberScale=’0′ formatNumber=’0’同用)

defaultNumberScale …………… [string] 

numberScaleUnit ……………… [string]

numberScaleValue ………………[string]

inDecimalSeparator …………… [string]

inThousandSeparator ……………[string]

forceDecimals ……………………[bool] 

yAxisValueDecimals ……………[number] [0-10]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

7. Tool-tip/Hover标题

Showhovercap ………………… [bool]是或不是出示悬停表明框,暗许为1(True)

hoverCapBgColor ………………[color]悬停表达框背景观,八个人16进制颜色值

hoverCapBorderColor ………… [color]终止表明框边框颜色,7位16进制颜色值

hoverCapSepChar ………………[string]点名悬停表明框内值与值时期分隔符,暗中同意为’,’

showToolTip ……………………[bool]

toolTipBgColor …………………[color] 陆人16进制颜色值

toolTipBorderColor …………… [color] 5位16进制颜色值

toolTipSepChar …………………[string]

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

8. 折线图的参数

lineThickness ……………………[number]折线的厚薄

anchorRadius ……………………[number]折线节点半径,数字

anchorBgAlpha …………………[number]折线节点反射率,[0-100]

anchorBgColor …………………[color]折线节点填充颜色,六人16进制颜色值

anchorBorderColor …………… [color]折线节点边框颜色,伍位16进制颜色值

多条折线中<dateset>的参数:

Seriesname ……………………[string]折线的名号

color ………………………… [color]折线的颜料

showValue …………………… [bool]是不是出示折线的节点值

showName ………………………[bool]是或不是出示折线的名目

alpha ………………………… [number]折线的折射率

anchorAlpha ……………………[bool]是否出示折线的节点,默许为0不出示

lineThickness …………………[number]折线的厚薄

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

9. Set标签使用的参数

value ……………………………[number/string]安装在图片中逐条名字想对应的值

color ……………………………[color]置在图纸中相对应的柱行图的水彩

name ……………………………[number/string]横向坐标轴标签名称 

showName …………………… [bool]设置在是否出示图表中相呼应X轴的name,暗中认可为1出示 

hoverText …………………… [string]设置鼠标旋停在对峙应图表上冒出的文本内容

alpha ………………………… [number]安装在图片中相对应的柱行图的折射率

link ……………………………[string]设置该柱行图的链接地址(须要UXC60L Encode重编码)(本窗口打开[Url],新窗口打开[n-Url],调用JS函数[JavaScript:函数])

thickness ………………………[number]

toolText ……………………… [string] 

showLavel ……………………[?]

showValue ……………………[bool]

dashed ……………………… [?]

alpha …………………………[?]

anchorSides …………………[?]

anchorRadius …………………[?]

anchorBorderColor ……………[color]

anchorBorderThickness ………[number]

anchorBgColor ………………[color]

anchorAlpha …………………[number]

anchorBgAlpha ………………[number]

dashLen ………………………[?]

dashGap ………………………[?]

startValue ……………………[?]

endValue ……………………[?]

displayValue ……………… [?]

isTrendZone ……………… [?]

showOnTop ……………… [?]

valueOnRight ………………[?]

例1:

   <set label=’Dec 2005′ value=’36556′ />

    <vLine color=’FF5904′ />

   <set label=’Jan 2006′ value=’45456′ />

例2:

<trendLines>

   <line startValue=’895′ color=’FF0000′ displayvalue=’Average’ /> 

   </trendLines>

<><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><><>

六、Object

ANCHO中华VS 锚点 用于标识line或area的数值点

支持功能 Animation 动画、Shadow 阴影、Glow 发光、Bevel 倾斜、Blur 模糊

卡通属性 _alpha、_x、_y、_xScale、_yScale

BACKGROUND 整个图表的背景

支撑属性 Animation、Shadow、Glow、Bevel、Blur

卡通属性 _alpha、_x、_y、_xScale、_yScale

CANVAS 区域图中的区域

支撑属性 Animation、Shadow、Glow、Bevel、Blur

卡通属性 _alpha、_x、_y、_xScale、_yScale

CAPTION 图表标题

SUBCAPTION 图表子标题

支撑属性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

动画属性 _alpha、_x、_y

DATALABELS 数据的x轴标签列表

支撑属性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

动画属性 _alpha、_x、_y

DATAPLOT 数据细节(如:2D图纸中的列)

支撑属性 Animation、Shadow、Glow、Bevel、Blur

动画片属性 _alpha、_x、_y、_xScale、_yScale

DATAVALUES 图表数据

支持属性 Animation、Shadow、Glow、Bevel、Blur、Font 字体

动画属性 _alpha、_x、_y

DIVLINES 水平的列表区域(由div组成的线)

支撑属性 Animation、Shadow、Glow、Bevel、Blur

动画片属性 _alpha、_x、_y、_xScale

HG帕杰罗ID 水平的多个列表区域中交替的颜料

扶助属性 Animation、Shadow、Glow、Bevel、Blur

卡通属性 _alpha、_x、_y、_xScale、_yScale

VDIVLINES 垂直的列表区域

VGOdysseyID 垂直的四个列表区域中交替的水彩

VLINES 垂直分割线

XAXISNAME x轴名称

YAXISNAME y轴名称

YAXISVALUES y轴的值列表

TOOLTIP 在鼠标移动到数据点上的时候的升迁

支撑属性 Font

TRENDLINES 趋势线


相关文章

发表评论

电子邮件地址不会被公开。 必填项已用*标注

网站地图xml地图