女同影音先锋在线,日本三级三级三级,国产三级电影网

JS圖表控件FusionCharts使用教程：如何高亮顯示數(shù)據(jù)

原創(chuàng)|使用教程|編輯：郝浩|2013-08-14 15:56:49.000|閱讀 1380 次

概述：Flash圖表控件FusionCharts為用戶提供了多種不同的方式進(jìn)行數(shù)據(jù)的高亮顯示，本次教程將對(duì)這幾種高亮的方法進(jìn)行詳細(xì)的說(shuō)明。

相關(guān)鏈接：

使用Flash圖表控件FusionCharts時(shí)，通過(guò)改變alpha值是高亮顯示數(shù)據(jù)的最簡(jiǎn)單方式。XML代碼如下:

<chart>
   <set label='John' value='420' />
   <set label='Mary' value='295'>
   <set label='Tom' value='523' />
</chart>

在這里,已經(jīng)設(shè)置了第二列的alpha值為50(范圍是0 - 100)。查看這張圖的時(shí)候,你會(huì)發(fā)現(xiàn)列是半透明的。

Flash圖表控件FusionCharts使用教程：如何高亮顯示數(shù)據(jù)

使用虛線邊界高亮數(shù)據(jù)集

用戶也可以通過(guò)設(shè)置它的邊界為虛線高亮顯示數(shù)據(jù)集。參考下面的XML代碼:

<chart>
   <set label='John' value='420' />
   <set label='Mary' value='295' />
   <set label='Tom' value='523' />
</chart>

Flash圖表控件FusionCharts使用教程：如何高亮顯示數(shù)據(jù)

通過(guò)在一個(gè)線/區(qū)域圖內(nèi)使用單個(gè)錨屬性高亮數(shù)據(jù)集

FusionCharts允許用戶設(shè)置單獨(dú)<set>水平錨屬性。參考下面的XML代碼:

<chart showValues='0'>
   <set label='John' value='420' />
   <set label='Mary' value='295' />
   <set label='Tom' value='523' anchorRadius='6' anchorSides='4' anchorBorderColor='0372AB'
        anchorBgColor='E1f5ff' />
   <set label='Hary' value='323' /> 
</chart>

以上XML將會(huì)輸出如下折現(xiàn)圖:

Flash圖表控件FusionCharts使用教程：如何高亮顯示數(shù)據(jù)

可以在圖片中清楚地看到高亮顯示的錨點(diǎn)

在一個(gè)多系列圖中通過(guò)使用單個(gè)顏色屬性來(lái)高亮單個(gè)數(shù)據(jù)。

FusionCharts允許用戶在一個(gè)多系列圖中指定<set> 水平顏色。參考下面的XML:

<chart>
      <categories>
          <category label="Product A" />
          <category label="Product B" />
      </categories>
      <dataset SeriesName="2005">
          <set value="324" />
          <set value="457" />
      </dataset>
      <dataset SeriesName="2006">
          <set value="456" />
          <set value="787" color='FF5904' />
      </dataset>
      <dataset SeriesName="2007">
          <set value="557" />
          <set value="767" />
      </dataset>
 </chart>

Flash圖表控件FusionCharts使用教程：如何高亮顯示數(shù)據(jù)