翻譯|使用教程|編輯:楊鵬連|2021-06-04 16:54:53.503|閱讀 320 次
概述:使用金字塔圖來比較數據,例如產品一年的銷售數據。金字塔圖由多個段組成,每個段代表一個數據點。金字塔線段相對于整個金字塔的高度,表示特定數據點的值。
# 界面/圖表報表/文檔/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來制作專業的JavaScript圖表。
使用金字塔圖來比較數據,例如產品一年的銷售數據。金字塔圖由多個段組成,每個段代表一個數據點。金字塔線段相對于整個金字塔的高度,表示特定數據點的值。
如您所知,金字塔圖中的每個線段代表一個數據集,線段的高度代表該數據集的值。為了將段彼此區分開來,您可以為它們的背景、邊界等單獨配置它們。在金字塔段附近,可以顯示該金字塔的標簽和值。
金字塔圖
 
	
	使用下面給出的數據構建全球財富金字塔(瑞士信貸 2013 年)圖表,以了解當年世界財富的分布情況:
	
 
	要創建金字塔圖,請按照以下步驟操作:
 
	您可以為金字塔圖配置多個功能和外觀屬性。
繪制二維金字塔并自定義邊框屬性默認情況下,金字塔圖表呈現為帶有上下文菜單的 3D 圖表,您可以使用該菜單在 2D 和 3D 顯示模式之間切換。但是,您可以將金字塔圖表配置為在首次加載時以 2D 模式呈現,而無需使用上下文菜單。您還可以自定義金字塔圖的邊框屬性以獲得更好的視覺表示。
	使用以下屬性來渲染具有自定義邊框屬性的 2D 金字塔圖:
	
{
  "chart": {
    "is2D": "1",
    "showPlotBorder": "1",
    "plotBorderThickness": "1",
    "plotBorderAlpha": "100",
    "plotBorderColor": "#333333"
  }
}
圖表將如下所示:
 
	在圖表中心顯示標簽
	將showLabelsAtCenter屬性值設置為“1”,以在圖表中心顯示標簽。
參考下面給出的代碼:
{
  "chart": {
    "showLabelsAtCenter": "1"
  }
}
圖表將如下所示: 
	
	您可以在圖例框中顯示標簽,而不是與數據圖一起顯示。為此,請顯示圖例框并隱藏數據圖的標簽。使用了以下屬性:
	
{
  "chart": {
    "showlegend": "1",
    "showlabels": "0"
  }
}
圖表將如下所示: 
	
	默認情況下,圖例框位于金字塔圖的底部。但是,您可以將其位置向右移動。為此,請將legendPosition屬性值設置為RIGHT。
參考下面給出的代碼:
{
  "chart": {
    "legendPosition": "RIGHT"
  }
}
圖表將如下所示:
 
	
	您可以配置金字塔圖以顯示百分比值而不是數值。為此,請將showPercentValues屬性值設置為1。
參考下面給出的代碼:
{
  "chart": {
    "showPercentValues": "1"
  }
}
圖表將如下所示:
 
	您可以使金字塔圖的所有切片或單個切片顯示為切片。為此,請將isSliced屬性值設置為1。將其用作chart對象的一部分,使整個圖表看起來被切掉,或將其用作data對象的一部分,使一個或多個線段看起來被切掉。
	參考下面給出的代碼:
{
  "chart": {
    "isSliced": "1"
  }
}
圖表將如下所示: 
	
	使用下面給出的屬性,在圖表中配置懸停效果:
	
{
  "chart": {
    "showHoverEffect": "1",
    "hoverColor": "#cccccc",
    "hoverAlpha": "75",
    "borderHoverColor": "#aa0000",
    "borderHoverAlpha": "100",
    "borderHoverThickness": "3"
  }
}
	 
	想要購買FusionCharts Suite XT正版授權,或了解更多產品信息請點擊
	
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@ke049m.cn
文章轉載自: