原創|其它|編輯:郝浩|2012-06-04 22:58:45.000|閱讀 2135 次
概述:FusionCharts中的工具提示是什么?當鼠標懸停在一個特定的數據點上時就會顯示工具提示,提示以下信息:
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
FusionCharts中的工具提示是什么?當鼠標懸停在一個特定的數據點上時就會顯示工具提示,提示以下信息:
你可以通過設置showToolTip='0'來禁用工具提示。
例如:
<chart showToolTip='0'...>
你可以利用<set>元素中的tooltext屬性來為數據點設置自定義工具提示。
例如:
<chart caption='Monthly Revenue' xAxisName='Month'
yAxisName='Revenue' numberPrefix='$ showValues='0'>
<set label='Jan' value='220000' toolText='Highest'/>
<set label='Feb' value='90000' />
...
</chart>
結果如下:
你可以利用<chart>元素中的toolTipBorderColor 屬性和toolTipBgColor屬性來自定義背景色和邊框顏色。顏色不應該包括'#'符號。
例如:
<chart ... toolTipBorderColor='6D86D5' toolTipBgColor='F7D7D1' >
結果如下:
使用樣式,您可以設置圖表中不同文本的個別字體屬性。
例如:
在給定的XML中,我們利用樣式定義了工具提示中的字體屬性。
<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' />
<styles>
<definition>
<style name='myToolTipFont' type='font'
font='Verdana' size='12' color='C57B64'/>
</definition>
<application>
<apply toObject='ToolTip' styles='myToolTipFont' />
</application>
</styles>
</chart>
FusionCharts v3 允許您利用細微的手動添加多行提示工具,例如:
<chart>
<set label='John' value='420' tooltext='John Miller{br}Score: 420{br}Rank:2'/>
<set label='Mary' value='295' tooltext='Mary Evans{br}Score: 295{br}Rank:3'/>
<set label='Tom' value='523' tooltext='Tom Bowler{br}Score: 523{br}Rank:1'/>
</chart>
在上面的XML中,我們用偽代碼{BR},在工具提示中添加一個換行符。圖表輸出結果如下:
(慧都控件網版權所有,轉載請注明出處,否則追究法律責任)
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:慧都控件網