翻譯|使用教程|編輯:楊鵬連|2020-08-20 09:41:25.817|閱讀 281 次
概述:氣泡圖和散點圖用于繪制可以根據(jù)多個數(shù)字參數(shù)定義的數(shù)據(jù)。在這些圖表中,x和y軸是數(shù)字。因此,數(shù)據(jù)點的位置指示兩個不同的數(shù)值。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
相關鏈接:
FusionCharts Suite XT是全面的跨平臺、跨瀏覽器JavaScript圖表套包,其中包括FusionCharts XT、PowerCharts XT 、FusionWidgets XT 、FusionMaps XT。支持 ASP、 ASP.NET、 PHP、 JSP、 ColdFusion、 Ruby on Rails、 JavaScript、甚至簡單的HTML頁面。它是你值得信賴的JavaScript圖表解決方案,目前在全球有45萬用戶選擇Fusioncharts來制作專業(yè)的JavaScript圖表。
散點圖
散點圖用于繪制根據(jù)兩個數(shù)字參數(shù)定義的數(shù)據(jù)。散點圖是多系列圖表,但其數(shù)據(jù)格式與常規(guī)多系列圖表略有不同。
要創(chuàng)建散點圖,請遵循以下步驟:
有關屬性的詳細列表,請參見氣泡圖的圖表屬性頁面。
上述代碼的氣泡圖如下所示:
顯示在泡沫值標簽
默認情況下,數(shù)據(jù)標簽不呈現(xiàn)在氣泡圖中的氣泡上。要在圖表中顯示氣泡的各個標簽,請將showValues屬性設置為1。
請參閱下面給出的代碼:
{
"chart": {
"showValues": "1"
}
}
帶有在氣泡上呈現(xiàn)的數(shù)據(jù)標簽的氣泡圖如下所示:
將x軸分割為分類區(qū)域
可以使用垂直趨勢線將氣泡/散點圖的x軸細分為分類區(qū)域。要設置分類區(qū)域,請執(zhí)行以下步驟:
{
"chart": {
...
},
"data": {
...
},
"vtrendlines": [{
"line": [{
"startValue": "0",
"endValue": "20",
"isTrendZone": "1",
"color": "#adebff",
"alpha": "25"
},
{
"startValue": "20",
"endValue": "40",
"isTrendZone": "1",
"color": "#adebff",
"alpha": "15"
},
{
"startValue": "40",
"endValue": "60",
"isTrendZone": "1"
},
{
"startValue": "60",
"endValue": "80",
"isTrendZone": "1",
"color": "#f2a485",
"alpha": "25"
},
{
"startValue": "80",
"endValue": "100",
"isTrendZone": "1",
"color": "#f2a485",
"alpha": "15"
}
]
}]
}
X軸分段的氣泡圖如下所示:
配置X軸標簽
您可以為氣泡圖和散點圖配置x軸標簽的顯示模式。您可以選擇使圖表自動生成x軸標簽以及垂直分隔線,也可以顯式定義每個x軸標簽。此外,您還可以選擇混合使用這兩種模式。
要配置x軸標簽,請設置xAxisLabelMode屬性以指定呈現(xiàn)x軸標簽的模式。此屬性采用三個值:自動模式
在自動模式下,圖表會自動計算并顯示x軸標簽。在這種模式下,圖表將忽略categories對象數(shù)組,并允許x軸繼承類似于垂直y軸的屬性。
具有在自動模式下呈現(xiàn)的x軸標簽的氣泡圖如下所示:
在上圖中,您可以看到x軸標簽是自動計算并顯示的。這些x軸標簽基于x軸值,而x軸值又是使用x圖表數(shù)據(jù)的值生成的。此外,與每個標簽一起,還繪制了垂直分隔線。
類別模式
在此模式下,x軸顯示由對象category數(shù)組內(nèi)的categories數(shù)組對象明確定義的標簽。
在類別模式下呈現(xiàn)的帶有x軸標簽的氣泡圖如下所示:
在上圖中,您可以看到顯示了在category對象數(shù)組內(nèi)的categories對象數(shù)組中顯式定義的標簽。不顯示自動計算的標簽。
要在類別中呈現(xiàn)x軸標簽,請將xAxisLabelMode屬性的值設置為CATEGORIES。想要購買FusionCharts Suite XT正版授權,或了解更多產(chǎn)品信息請點擊
本站文章除注明轉(zhuǎn)載外,均為本站原創(chuàng)或翻譯。歡迎任何形式的轉(zhuǎn)載,但請務必注明出處、不得修改原文相關鏈接,如果存在內(nèi)容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉(zhuǎn)載自: