彩票走势图

JS图表控件FusionCharts使用教程:定制图表中的趋势线和趋势区

原创|使用教程|编辑:郝浩|2013-08-26 15:42:32.000|阅读 1688 次

概述:在FusionCharts的图表中趋势线是横跨图标的水平/垂直线条,用来表示一些预订数据值。趋势区和趋势线相似,但是标明的是某个区域。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

相关链接:

FusionCharts中的趋势线是什么

FusionCharts图表中,趋势线是横跨图标的水平/垂直线条,用来表示一些预订数据值。

在图表中展示趋势线

用户可以使用<chart>元素中的trendlines属性来显示图表中的趋势线。

示例:<chart caption='Quarterly Sales Summary' subcaption='Figures in 

        xAxisName='Quarter' yAxisName='Sales' showValues='0'> 
     <set label='Qtr 1' value='420500' /> 
     <set label='Qtr 2' value='295400' /> 
     <set label='Qtr 3' value='523400' /> 
     <set label='Qtr 4' value='465400' />
     <trendLines> 
         <line startValue='430000' color='009933' displayvalue='Target' /> 
     </trendLines> 
 </chart>

Flash图表控件FusionCharts使用教程:定制图表中的趋势线和趋势区

趋势线是按照用户指定的值进行绘制。如果指定的值不是在图表的限制范围中,那么趋势线就完全不会显示出来。

显示图表中趋势线的文本

当用户使用toolText属性的时候,趋势线也可以显示文本信息。用户可以根据下列数据为趋势线指定一个自定义工具文本:

<chart caption='Quarterly Sales Summary' subcaption='Figures in 
 xAxisName='Quarter' yAxisName='Sales' showValues='0'>
     <set label='Qtr 1' value='420500' />
     <set label='Qtr 2' value='295400' />
     <set label='Qtr 3' value='523400' />
     <set label='Qtr 4' value='465400' />
     <trendLines>
         <line startValue='430000' color='009933' displayvalue='Target'
               toolText='This trend was calculated last year'/>
     </trendLines>
 </chart>

Flash图表控件FusionCharts使用教程:定制图表中的趋势线和趋势区

什么是FusionCharts的趋势区

趋势区域类似于趋势线,只是标出的是一个区域整个区而不是一条线。用户可以使用isTrendZone属性指定图表的趋势区,如下所示:

Flash图表控件FusionCharts使用教程:定制图表中的趋势线和趋势区

<trendLines>
         <line startValue='350000' endValue='500000' isTrendZone='1' 
               color='009933' displayvalue='Target' />
 </trendLines>

》》》免费下载FusionCharts最新版
标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@pclwef.cn

文章转载自:慧都控件网

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP