Flash圖表控件FusionCharts如何高亮顯示數據

時間 2019-11-21

標籤 flash 圖表控件 fusioncharts 如何顯示數據欄目 Flash 简体版

原文原文鏈接

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

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

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

使用虛線邊界高亮數據集 code

用戶也能夠經過設置它的邊界爲虛線高亮顯示數據集。參考下面的XML代碼: xml

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

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

FusionCharts容許用戶設置單獨<set>水平錨屬性。參考下面的XML代碼: it

<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將會輸出以下折線圖: io

能夠在圖片中清楚地看到高亮顯示的錨點 class

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

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>