首先，您需要準(zhǔn)備一套已設(shè)置好布局的靜態(tài) HTML 模板，其中包含的" />

国产成人精品无码青草_亚洲国产美女精品久久久久∴_欧美人与鲁交大毛片免费_国产果冻豆传媒麻婆精东

15158846557 或 在線咨詢 在線咨詢
15158846557 或 在線咨詢
所在位置： 首頁 > 營(yíng)銷資訊 > 網(wǎng)站運(yùn)營(yíng) > DataGear 使用靜態(tài)HTML模板制作數(shù)據(jù)可視化看板

DataGear 使用靜態(tài)HTML模板制作數(shù)據(jù)可視化看板

時(shí)間：2023-07-24 10:36:01 | 來源：網(wǎng)站運(yùn)營(yíng)

時(shí)間：2023-07-24 10:36:01 來源：網(wǎng)站運(yùn)營(yíng)

DataGear 使用靜態(tài)HTML模板制作數(shù)據(jù)可視化看板：DataGear 看板提供了導(dǎo)入靜態(tài) HTML 模板的功能，使您可以使用已有的 HTML 網(wǎng)頁資源快速制作數(shù)據(jù)可視化看板。

首先，您需要準(zhǔn)備一套已設(shè)置好布局的靜態(tài) HTML 模板，其中包含的 HTML 網(wǎng)頁及相關(guān)資源，例如：

index.htmlcss/ |---style.css |---images |---bg.png |---bg_head.pngjs/ |---index.js |---common.js它的靜態(tài)效果如下圖所示：

然后，將這套靜態(tài) HTML 模板壓縮到一個(gè) ZIP 文件中，使用 DataGear 看板的【導(dǎo)入】功能，將這個(gè) ZIP 文件到入為看板。

導(dǎo)入成功后，打開看板編輯界面，為 HTML 模板中的 div 元素添加 dg-chart-widget 屬性綁定圖表組件，例如：

...<div class="panel-content" dg-chart-widget="圖表組件ID"></div>...其中，【圖表組件 ID】是圖表管理列表中的一個(gè)圖表?xiàng)l目 ID。

設(shè)置完所有的 div 元素后，一個(gè)數(shù)據(jù)可視化看板就制作完成了，點(diǎn)擊 [保存并展示] 按鈕，即可查看展示效果。

等等，默認(rèn)的展示效果差強(qiáng)人意……，沒關(guān)系，自定義展示效果也很簡(jiǎn)單！

首先，自定義圖表主題，打開看板編輯界面，為<body>標(biāo)簽添加dg-chart-theme自定義圖表主題，如下代碼：

<body dg-chart-theme="{color:'#F0F0F0',backgroundColor:'transparent',actualBackgroundColor:'#050d3c'}" >然后，自定義圖表設(shè)置項(xiàng)，為 <body> 標(biāo)簽添加 dg-chart-options 屬性，定義全局圖表設(shè)置項(xiàng)：

<body ... dg-chart-options="{title:{show:false},legend:{top:0},grid:{top:25}}"><!--隱藏標(biāo)題、圖例頂部展示、坐標(biāo)系距頂部25像素，具體參考echarts設(shè)置項(xiàng)-->大功告成！



關(guān)鍵詞：靜態(tài),使用,模板,作數(shù)

74
73
25
news

版權(quán)所有? 億企邦 1997-2025 保留一切法律許可權(quán)利。

為了最佳展示效果，本站不支持IE9及以下版本的瀏覽器，建議您使用谷歌Chrome瀏覽器。 點(diǎn)擊下載Chrome瀏覽器
關(guān)閉