這篇文章將為大家詳細講解有關(guān)如何使用DataGear制作折柱圖數(shù)據(jù)可視化圖表,小編覺得挺實用的,因此分享給大家做個參考,希望大家閱讀完這篇文章后可以有所收獲。
成都創(chuàng)新互聯(lián)公司是一家專業(yè)提供揚州企業(yè)網(wǎng)站建設(shè),專注與成都網(wǎng)站制作、成都網(wǎng)站建設(shè)、H5高端網(wǎng)站建設(shè)、小程序制作等業(yè)務(wù)。10年已為揚州眾多企業(yè)、政府機構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站建設(shè)公司優(yōu)惠進行中。
利用 DataGear 看板的 自定義圖表選項(dg-chart-options)功能,可以很方便地制作折柱圖(或者折線-餅圖、柱狀-餅圖)數(shù)據(jù)可視化圖表。
假設(shè)有如下CSV數(shù)據(jù)集,包括名稱和兩個指標(biāo)值數(shù)據(jù):
名稱, 指標(biāo)0, 指標(biāo)1 1月, 35, 118 2月, 50, 60 3月, 60, 40 4月, 80, 90
首先,新建柱狀圖表:
名稱:折柱圖 圖表類型:基本柱狀圖 數(shù)據(jù)集:上述數(shù)據(jù)集 數(shù)據(jù)標(biāo)記: 名稱 -> 名稱 (name) 指標(biāo)0 -> 數(shù)值 (value) 指標(biāo)1 -> 數(shù)值 (value)
然后,新建看板,插入上述圖表,并設(shè)置 dg-chart-options,將第一個系列類型設(shè)置為柱狀圖(bar),第二個系列類型設(shè)置為折線圖(line):
... ... ...
同理,折線-餅圖的配置項為:
... ... ...
柱狀-餅圖配置項為:
... ... ...
點擊[保存并展示]按鈕,打開看板展示頁面,完成?。?!
效果圖如下所示:
關(guān)于“如何使用DataGear制作折柱圖數(shù)據(jù)可視化圖表”這篇文章就分享到這里了,希望以上內(nèi)容可以對大家有一定的幫助,使各位可以學(xué)到更多知識,如果覺得文章不錯,請把它分享出去讓更多的人看到。