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

---

使用Flash圖表控件FusionCharts時(shí)，通過改變alpha值是高亮顯示數(shù)據(jù)的最簡單方式。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)列是半透明的。

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

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

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

    

通過在一個(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)圖:

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

在一個(gè)多系列圖中通過使用單個(gè)顏色屬性來高亮單個(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>

》》》免費(fèi)下載Flash圖表控件FusionCharts最新版