JS圖表控件FusionCharts使用教程：定制圖表中的趨勢線和趨勢區

---

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>

趨勢線是按照用戶指定的值進行繪制。如果指定的值不是在圖表的限制范圍中,那么趨勢線就完全不會顯示出來。

顯示圖表中趨勢線的文本

當用戶使用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>

什么是FusionCharts的趨勢區

趨勢區域類似于趨勢線,只是標出的是一個區域整個區而不是一條線。用戶可以使用isTrendZone屬性指定圖表的趨勢區，如下所示：

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

》》》免費下載FusionCharts最新版