您現在的位置是:首頁 > 單機遊戲首頁單機遊戲

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

  • 由 資料視覺化迪賽智慧數 發表于 單機遊戲
  • 2022-12-03
簡介以下就是來自網路的一組資料對美國、中國、日本、德國、英國5個國家油價的調查,如果單看資料,很難一下子能夠清晰的瞭解到其中的對比變化情況

自定義互動標識怎麼弄

今年以來,國內油價已經調整了11次,其中10漲1跌。自從漲價後,92號汽油已全面邁進9元時代,部分地區的95號汽油也邁進了10元時代。

據全球能源網資料顯示,全球石油價格最高的地區是中國香港,每升的價格是2。15美元,約合13。6865人民幣每升。全球平均汽油價格為約1。32 (美元) 每升,而中國為1。1 (美元) 每升與國際平均油價接近。

以下就是來自網路的一組資料對美國、中國、日本、德國、英國5個國家油價的調查,如果單看資料,很難一下子能夠清晰

瞭解到其中的對比變化情況。

資料來源:靜態資料

{

“column”: [

“國家/地區”, “油價(每升)”

],

“data”: [

“美國”,

0。82],

“中國”,

1。11],

“日本”,

1。33],

“德國”,

1。71 ],

“英國”,

1。67]

}

那麼,如果我們換一種方式,利用視覺化圖表來展示其中的對比變化情況會是如何呢?我們知道,在視覺化對比中,我們可以利用很多圖表來表達,比如:折線圖、柱狀圖等等。

但是,有時候為了達到更形象的展示效果,我們有時會需要自定義一些直觀的圖例,本期小編給大家介紹一下

象形

標識圖

首先我們來了解一下,象形標識圖是一種透過圖示來顯示資料的視覺化形式,其特點在於圖形表達能力強,比傳統的圖表更具有視覺效果。

符合人們不同審美的需求,用更形象的圖案去展示資料。

象形標識圖是可以設定各種具象圖形元素(如圖片、SVG PathData等)的柱狀圖。那麼在

資料

視覺化互動平臺

是如何利用SVG PathData來設計這些象形標識呢?

操作方法:

1)開啟視覺化互動平臺,在“設計介面”的左側選單中點選【元件】-【柱狀圖】-【象形標識圖】,點選拖拽到設計畫布,就可以生成圖例。如下圖,簡單一步就可以實現圖例展示。

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

2)配置資料,下面小編來根據全球能源網資料,世界主要國家的石油價格(靜態資料),來配置調整。

a。

第一種情況:

如下圖,小編是在專業模式下,點選自定義修改,把調查的資料複製貼上在對應區域,然後重新整理,馬上就可以展示出要分析的效果。

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

b。

第二種情況:

當然你也可以使用簡單模式進行修改配置資料來源(單擊內容或列名單元格可修改;右鍵點選內容或列名單元格顯示操作選單;按住“Shift”選擇多行或多列。),根據自身的情況,使用不同的模式,配置更方便、更靈活,實現同樣的效果展示。資料修改或者貼粘完成,點選預覽就可以實現展示,如圖:

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

簡單和專業配置模式,靈活選擇,滿足不同人員的需求,展示同樣的效果,讓操作更簡單方便。

3)資料配置完成,我們可以根據對應的國家進行象形標識的個性化設計,比如根據各國的國旗來設計SVG PathData。(當然系統也提供了一些象形標識的SVG供你選擇,你也根據個性化要求,自定義設計圖案,選擇替換即可,注意圖片格式儲存為SVG PathData格式)。

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

替換前如圖

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

替換後如圖

4)象形圖(SVG PathData)配置完成了,你還可以根據實際需求來調整圖形的顏色、初始動畫、背景等屬性(如下圖),平臺提供了7大類個性化屬性供你選擇,完美實現你的個性化轉換需求。

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

到這裡,根據調查的資料情況就配置完成啦,是不是很簡單?這樣我們不單單隻看到數字還可以結合圖形來進行檢視比較,比傳統的資料視覺化圖表更具有視覺效果,更形象展示。

下面就是小編根據調查做的石油產量及價格情況分析,最終實現的大屏效果(手機端)。

象形標識圖,可自定義圖表樣式,資料展示效果你說了算

Top