菜单

澳门永利304网站FusionCharts:双Y轴双(多)曲线图表

2019年9月15日 - 电脑百科
澳门永利304网站FusionCharts:双Y轴双(多)曲线图表

品类中要求FusionCharts图表突显双Y轴,好像FCF_MSLine.swf不得以如此,只好呈现三个Y轴,多条线,
找了一晃,用MSCombiDY2D.swf可以达成,生成图如下:

 

澳门永利304网站 1

品种中要求FusionCharts图形显示双Y轴,好像FCF_MSLine.swf不得以那样,只可以显示二个Y轴,多条线,

澳门永利304网站 2

 

七个图表的多少是平等的,设置有一此不一样而己
对应的XML文本如下

找了一晃,用MSCombiDY2D.swf能够兑现,生成图如下:

复制代码 代码如下:

 

<chart palette=’2′ caption=’图表’ rotateNames=’0′ showValues=’0′
divLineDecimalPrecision=’1′ limitsDecimalPrecision=’1′ PYAxisName=’价格’
SYAxisName=’数量’ numberPrefix=’$’ formatNumberScale=’0′>
<categories>
<category label=’20121110′ />
<category label=’20121111′ />
<category label=’20121112′ />
<category label=’20121113′ />
<category label=’20121114′ />
<category label=’20121115′ />
<category label=’20121116′ />
</categories>
<dataset renderAs=’Line’ parentYAxis=’P’ seriesName=’Profit’>
<set value=’3242′ />
<set value=’3171′ />
<set value=’700′ />
<set value=’1287′ />
<set value=’1856′ />
<set value=’987′ />
<set value=’1610′ />
</dataset>
<dataset lineThickness=’1′ parentYAxis=’S’ seriesName=’数量’ >
<set value=’174′ />
<set value=’197′ />
<set value=’155′ />
<set value=’15’ />
<set value=’66’ />
<set value=’85’ />
<set value=’37’ />
</dataset>
</chart>

澳门永利304网站 3

昨天要将区域图表变为曲线只需将
<dataset renderAs=’Area’ parentYAxis=’P’ seriesName=’Profit’>
改为
<dataset renderAs=’Line’ parentYAxis=’P’ seriesName=’Profit’>
说明
parentYAxis=’P’表示对应的为左侧的Y轴
parentYAxis=’S’表示对应的为右侧的Y轴
renderAs代表造型,Area 为区域图表,Line为曲线图表
关于 参数设置
功能特色
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 横向坐标轴标具名称

澳门永利304网站 4

您大概感兴趣的稿子:

 

 

三个图表的数据是如出一辙的,设置有一此不相同而己

对应的XML文本如下:
<chart palette=’2′ caption=’图表’ rotateNames=’0′ showValues=’0′
divLineDecimalPrecision=’1′ limitsDecimalPrecision=’1′ PYAxisName=’价格’
SYAxisName=’数量’ numberPrefix=’$’ formatNumberScale=’0′>
  <categories>
    <category label=’20121110′ />
    <category label=’20121111′ />
    <category label=’20121112′ />
    <category label=’20121113′ />
    <category label=’20121114′ />
    <category label=’20121115′ />
    <category label=’20121116′ />
  </categories>
  <dataset  renderAs=’Line’ parentYAxis=’P’ seriesName=’Profit’>
    <set value=’3242′ />
    <set value=’3171′ />
    <set value=’700′ />
    <set value=’1287′ />
    <set value=’1856′ />
    <set value=’987′ />
    <set value=’1610′ />
  </dataset>
  <dataset lineThickness=’1′ parentYAxis=’S’ seriesName=’数量’ >
    <set value=’174′ />
    <set value=’197′ />
    <set value=’155′ />
    <set value=’15’ />
    <set value=’66’ />
    <set value=’85’ />
    <set value=’37’ />
  </dataset>
</chart>

 

至今要将区域图表变为曲线只需将

<dataset  renderAs=’Area’ parentYAxis=’P’ seriesName=’Profit’>
改为
<dataset  renderAs=’Line’ parentYAxis=’P’ seriesName=’Profit’>

说明

parentYAxis=’P’表示对应的为左侧的Y轴

parentYAxis=’S’表示对应的为侧面的Y轴

 

renderAs代表造型,Area 为区域图表,Line为曲线图表**

 

有关 参数设置

 

成效特色
animation                    是不是动画呈现数据,默感到1(True)
showNames                    是还是不是出示横向坐标轴(x轴)标签名称
rotateNames                是还是不是旋转显示标签,默感觉0(False):横向显示
showValues                   
是不是在图片彰显相应的数据值,暗中同意为1(True)
yAxisMinValue                钦定纵轴(y轴)最小值,数字
yAxis马克斯Value                 内定纵轴(y轴)最小值,数字
showLimits                   
是或不是出示图表限值(y轴最大、最小值),默以为1(True)

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

澳门永利304网站,图形和画布的样式
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                        横向坐标轴标签字称

 

切实可参照他事他说加以考察
查看

 

 

 

 

 

 

 

相关文章

发表评论

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

网站地图xml地图