JS圖表控件FusionCharts使用教程：如何高亮顯示數據

---

使用Flash圖表控件FusionCharts時，通過改變alpha值是高亮顯示數據的最簡單方式。XML代碼如下:

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

在這里,已經設置了第二列的alpha值為50(范圍是0 - 100)。查看這張圖的時候,你會發現列是半透明的。

使用虛線邊界高亮數據集

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

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

    

通過在一個線/區域圖內使用單個錨屬性高亮數據集

FusionCharts允許用戶設置單獨<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將會輸出如下折現圖:

可以在圖片中清楚地看到高亮顯示的錨點

在一個多系列圖中通過使用單個顏色屬性來高亮單個數據。

FusionCharts允許用戶在一個多系列圖中指定<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最新版