《工業(yè)可視化》課件 任務4.2 設計市場營銷數(shù)據(jù)頁面 -知識準備

《工業(yè)可視化》/工業(yè)互聯(lián)網(wǎng)系列課程湖南三一工業(yè)職業(yè)技術學院項目四：設備營銷租賃的可視化設計任務4.2設計市場營銷數(shù)據(jù)頁面>>※知識準備1.圖表組件-雷達圖雷達又叫戴布拉圖、蜘蛛網(wǎng)圖，它是將多個維度的數(shù)據(jù)量映射到起始于同一個圓心的坐標軸上，結束于圓周邊緣，并將同一組的點使用線連接起來。雷達圖多用于維度值的分布，還可以展示出數(shù)據(jù)集中各個變量的權重高低情況，非常適用于展示性能數(shù)據(jù)。雷達圖的點的相對位置和坐標軸之間的夾角是沒有任何信息量的，在坐標軸設置恰當?shù)那闆r下雷達圖所圍面積能表現(xiàn)出一些信息量。使用時，從圖表組件中將雷達圖拖拽到頁面畫布的合適位置，如右圖所示。雷達圖的屬性設置內容如下，其數(shù)據(jù)源設置同折線圖組件。1.圖表組件-雷達圖位置尺寸：XY是設置組件的高度和寬度，單位為像素；WH是組件的寬度和高度雷達圖組件有3種形式可選，可選線形雷達圖、面形雷達圖、圓形雷達圖設置內容1.圖表組件-雷達圖屬性設置顯示：有“居中”“填滿”“自定義”三種方式。其中前兩種方式有相應的尺寸大小，“自定義”方式可以任意調整尺寸大小；圖表選項：勾選上對應的選項在組件圖中可顯示1.圖表組件-雷達圖圖標主題：預設的圖表主題有6種；圖標字體：可對折線圖中的“圖表字體”“字重”“顏色”“字號”進行顯示設置；透明度：設置雷達圖顯示的透明度，取值范圍為0~100%。為0時，文字隱藏；取值范圍為100%時，文字全部顯示。默認為100%。拉拽或輸入數(shù)值可改變透明度；讀取方式：有X軸和Y軸兩種讀取方式設置內容1.圖表組件-雷達圖完成數(shù)據(jù)源設置后，對應的度量可以設置不同的顏色，進而在折線圖中加以區(qū)分；顏色指定方式邊框：設置雷達圖的邊框顏色，可選擇無、虛線、實線，并可設置線條的粗細圖表樣式2.控件組件-環(huán)形進度條環(huán)形進度條可以顯示數(shù)值所占比例，反映完成度。使用時，從控件組件中拖拽環(huán)形進度條組件到頁面合適的位置。其屬性設置如下，數(shù)據(jù)源設置同直線進度條組件（詳見任務2.2）。2.控件組件-環(huán)形進度條位置尺寸：XY是設置組件的高度和寬度，單位為像素；WH是組件的寬度和高度屬性設置2.控件組件-環(huán)形進度條顯示：可選居中或填滿圖標主題：可選擇組件的圖標主題顏色；顏色：設置其環(huán)形的顯示顏色；圖表字體圖標字體：可選擇字體字重：可選擇字體顯示的粗細，從下拉選項中進行選擇數(shù)值：是否在環(huán)形進度條顯示數(shù)值，勾選則顯示百分號：是否顯示數(shù)值的百分號，勾選則顯示可設置環(huán)形進度條的起始參數(shù)和最大參數(shù)屬性設置2.控件組件-環(huán)形進度條環(huán)寬度：設置環(huán)形的寬度透明度：設置環(huán)形進度條的透明度背景色：設置環(huán)形進度條的背景色圖表樣式11THANKYOU工業(yè)可視化課程組：