在數(shù)字化辦公與智能制造領(lǐng)域，儀表板（Dashboard）已成為企業(yè)進行數(shù)據(jù)可視化與業(yè)務(wù)決策的重要工具。然而，不同用戶使用的設(shè)備多種多樣：電腦、筆記本、投影屏、平板甚至手機。如何保證數(shù)據(jù)在不同終端上始終保持清晰、易讀、友好？

在其報表與儀表板設(shè)計工具Stimulsoft Designer中，提供了“響應(yīng)式儀表板設(shè)計（Responsive Dashboard Design）”功能，可以幫助開發(fā)者快速構(gòu)建適配各種屏幕尺寸的報表與儀表板。

Stimulsoft Designer 官方正版試用下載 

為什么需要響應(yīng)式設(shè)計？

默認情況下， 儀表板會自動填充屏幕，并按比例縮放。但這種方式在手機上往往存在以下問題：

• 組件縮小，內(nèi)容難以辨認；

• 圖表被壓縮變形，信息失真；

• 用戶頻繁放大縮小，操作體驗差。

這會降低數(shù)據(jù)的清晰度，甚至導(dǎo)致誤解。為此， 提供了移動模式（Mobile Mode），確保儀表板在不同設(shè)備上都能保持清晰和可讀性。

?? 注意：只有當(dāng) Content Alignment（內(nèi)容對齊） 設(shè)置為 Stretch X 或 Stretch XY 時，響應(yīng)式模式才生效。

如何在 Stimulsoft 中創(chuàng)建移動端版本？

1. 打開或新建一個 儀表板；

2. 在 Page（頁面） 選項卡中啟用 Mobile Mode；

3. 系統(tǒng)會生成移動端布局，組件菜單會顯示桌面版的所有元素。

移動版可調(diào)整內(nèi)容：

• 儀表板整體尺寸；

• 保留必要組件；

• 調(diào)整元素大小與排列順序；

• 控制是否顯示組件標題。

不可調(diào)整內(nèi)容：

• 組件數(shù)據(jù)字段與可視化類型（更改會影響桌面版）；

• 樣式（全局統(tǒng)一）。

通過拖拽組件，即可輕松完成移動端布局。

移動版何時顯示？

的移動版顯示由 Device Width（設(shè)備寬度） 屬性控制：

• 當(dāng)屏幕寬度 ≤ 設(shè)定值 時，顯示移動版；

• 當(dāng)屏幕寬度 > 設(shè)定值 時，顯示桌面版。

開發(fā)者可以設(shè)置不同的像素值，以適配手機或平板。

支持多種設(shè)備的布局

一個儀表板只能有一個移動版和一個桌面版。如果需要同時支持手機和平板，可以通過復(fù)制儀表板實現(xiàn)：

• 在原始儀表板中設(shè)置移動版寬度為 520px（適配手機）；

• 復(fù)制該儀表板，將寬度改為 800px（適配平板）；

• 調(diào)整布局與組件。

這樣，用戶在查看時可以通過不同的標簽頁選擇對應(yīng)版本。

總結(jié)

的響應(yīng)式儀表板設(shè)計為跨設(shè)備數(shù)據(jù)可視化提供了高效的解決方案：

• 適配多屏，保障可讀性

• 靈活配置，提升交互體驗

• 一次建模，多端展示

借助，開發(fā)者可以輕松打造真正意義上的多終端友好型儀表板，讓數(shù)據(jù)分析更加高效、直觀。

---------------------------------------------------------------------------

關(guān)于慧都科技：

慧都科技是一家行業(yè)數(shù)字化解決方案公司，長期專注于軟件、油氣與制造行業(yè)。公司基于深入的業(yè)務(wù)理解與管理洞察，以系統(tǒng)化的業(yè)務(wù)建模驅(qū)動技術(shù)落地，幫助企業(yè)實現(xiàn)智能化運營與長期競爭優(yōu)勢。在軟件工程領(lǐng)域，我們提供開發(fā)控件、研發(fā)管理、代碼開發(fā)、部署運維等軟件開發(fā)全鏈路所需的產(chǎn)品，提供正版授權(quán)采購、技術(shù)選型、個性化維保等服務(wù)，幫助客戶實現(xiàn)技術(shù)合規(guī)、降本增效與風(fēng)險可控。慧都科技是Stimulsoft的在中國區(qū)的合作伙伴，Stimulsoft作為圖表報表領(lǐng)域的優(yōu)秀產(chǎn)品，幫助企業(yè)實現(xiàn)輕松構(gòu)建高性能的表格報告及圖表。

下載|體驗更多Stimulsoft產(chǎn)品，請咨詢，或撥打產(chǎn)品熱線：023-68661681