0
  • 聊天消息
  • 系統(tǒng)消息
  • 評(píng)論與回復(fù)
登錄后你可以
  • 下載海量資料
  • 學(xué)習(xí)在線課程
  • 觀看技術(shù)視頻
  • 寫文章/發(fā)帖/加入社區(qū)
會(huì)員中心
創(chuàng)作中心

完善資料讓更多小伙伴認(rèn)識(shí)你,還能領(lǐng)取20積分哦,立即完善>

3天內(nèi)不再提示

介紹一個(gè)JavaScript數(shù)據(jù)網(wǎng)格組件

工程師鄧生 ? 來源:哲想軟件 ? 作者:哲想軟件 ? 2022-08-20 16:37 ? 次閱讀

FusionGrid是一個(gè)高度直觀且可自定義的JavaScript數(shù)據(jù)網(wǎng)格組件,適用于網(wǎng)絡(luò)和移動(dòng)應(yīng)用程序。它允許您在儀表板中構(gòu)建數(shù)據(jù)網(wǎng)格,與FusionCharts一樣簡(jiǎn)單優(yōu)雅。

隨著FusionGrid的引入,您不再需要在FusionCharts產(chǎn)品組合之外尋找合適的網(wǎng)格解決方案。

FusionGrid設(shè)計(jì)用于與FusionCharts相同的數(shù)據(jù)存儲(chǔ),使其成為滿足儀表板需求的完美補(bǔ)充。

FusionGrid提供了一系列功能。

輕松快速地與FusionCharts儀表板集成

React、Angular和Vue支持

內(nèi)置搜索/快速過濾功能

高級(jí)列過濾

多級(jí)列分組

實(shí)時(shí)數(shù)據(jù)更新

快速分揀

單行和多行選擇

行列動(dòng)畫

導(dǎo)出網(wǎng)格數(shù)據(jù)

ca141d4e-19e9-11ed-ba43-dac502259ad0.png

FusionGrid肯定會(huì)改變您使用儀表板或任何需要數(shù)據(jù)網(wǎng)格的地方的方式。

易于啟動(dòng)

定義數(shù)據(jù)和網(wǎng)格后,可以使用這兩行簡(jiǎn)單的代碼渲染網(wǎng)格。

ca4eeae6-19e9-11ed-ba43-dac502259ad0.png

直觀的

向FusionGrid添加更多功能也很直觀和簡(jiǎn)單。

例如,當(dāng)需要可選行時(shí),只需啟用行選擇。

ca7b6724-19e9-11ed-ba43-dac502259ad0.png

如果您想使用復(fù)選框進(jìn)行多行選擇,只需再添加兩行代碼,您的FusionGrid中就具備了該功能。

ca9b05ca-19e9-11ed-ba43-dac502259ad0.png

這篇文章只介紹了新網(wǎng)格必須提供的幾個(gè)功能。

我們鼓勵(lì)您查看網(wǎng)站上每個(gè)功能的示例和詳細(xì)說明

用JavaScript數(shù)據(jù)網(wǎng)格組件的強(qiáng)大功能為您的應(yīng)用程序和網(wǎng)站加油。

一個(gè)響應(yīng)速度快、可定制的JavaScript數(shù)據(jù)網(wǎng)格組件,與您已經(jīng)在FusionCharts中使用的相同數(shù)據(jù)存儲(chǔ)一起使用。使其成為您儀表板需求的完美補(bǔ)充。

FusionGrid在任何設(shè)備上都很好看!具有在所有現(xiàn)代瀏覽器上無縫工作的響應(yīng)數(shù)據(jù)網(wǎng)格解決方案。

今天就開始用FusionGrid構(gòu)建儀表板。

FusionGrid幫助您將儀表板提升到下一個(gè)級(jí)別

使用與FusionCharts相同的數(shù)據(jù)源

cacaa4d8-19e9-11ed-ba43-dac502259ad0.png

FusionGrid幫助您創(chuàng)建引人注目的網(wǎng)格,并使用相同的FusionChart數(shù)據(jù)源/存儲(chǔ)運(yùn)行不同的報(bào)告。

谷歌分析儀表板

想要一個(gè)集成的儀表板,您可以用來跟蹤所有主要的性能相關(guān)的統(tǒng)計(jì)數(shù)據(jù),為您的網(wǎng)站一目了然?給我們的谷歌分析儀表板一個(gè)機(jī)會(huì)!從訪客統(tǒng)計(jì)到特定時(shí)間段的流量統(tǒng)計(jì),儀表板會(huì)將重要的統(tǒng)計(jì)數(shù)據(jù)放在您的指尖。使用相同的數(shù)據(jù)源和格式,使用FusionChart數(shù)據(jù)輕松創(chuàng)建FusionGrid。

主要功能

在特定的時(shí)間間隔內(nèi)跟蹤訪客數(shù)量。

隨時(shí)了解游客統(tǒng)計(jì)信息(游客類型、性別、年齡組、交通來源和位置)。

通過跟蹤受SEO影響的主要因素(頁(yè)面瀏覽量、平均會(huì)話持續(xù)時(shí)間和跳出率),找出搜索引擎優(yōu)化的成功率。

一目了然地發(fā)現(xiàn)主要的流量來源(有機(jī)搜索、直接流量、推薦等)。

使用FusionGrid查看并瀏覽詳細(xì)數(shù)據(jù)

FusionGrid使用與FusionCharts相同的數(shù)據(jù)源顯示數(shù)據(jù)

如何開始使用此儀表板

項(xiàng)目文件設(shè)置

1、創(chuàng)建文件夾并解壓縮壓縮包

2、導(dǎo)航到提取的文件夾

3、在瀏覽器中打開“index.html”

輕松地將網(wǎng)格添加到儀表板

cb12001c-19e9-11ed-ba43-dac502259ad0.png

在儀表板中創(chuàng)建引人注目的數(shù)據(jù)網(wǎng)格,與FusionCharts一樣簡(jiǎn)單優(yōu)雅

SaaS儀表板

FusionCharts的SaaSdashboard幫助SaaS公司跟蹤和監(jiān)控組織的重要指標(biāo)。觀眾可以全面了解與用戶、收入、成本和增長(zhǎng)相關(guān)的指標(biāo)。KPI和圖表的簡(jiǎn)單使用使普通用戶很容易理解指標(biāo)。使用相同的數(shù)據(jù)源和格式,使用FusionChart數(shù)據(jù)輕松創(chuàng)建FusionGrid。

主要功能

快速了解SaaS公司的重要指標(biāo)

查看所有指標(biāo)百分比的增長(zhǎng)

收入、CAC、ARPU等指標(biāo)的月度表現(xiàn)

能夠在過去3年的指標(biāo)之間切換

監(jiān)控每個(gè)目標(biāo)的進(jìn)展情況

使用FusionGrid查看并瀏覽詳細(xì)數(shù)據(jù)

FusionGrid使用與FusionCharts相同的數(shù)據(jù)源顯示數(shù)據(jù)



審核編輯:劉清

聲明:本文內(nèi)容及配圖由入駐作者撰寫或者入駐合作網(wǎng)站授權(quán)轉(zhuǎn)載。文章觀點(diǎn)僅代表作者本人,不代表電子發(fā)燒友網(wǎng)立場(chǎng)。文章及其配圖僅供工程師學(xué)習(xí)之用,如有內(nèi)容侵權(quán)或者其他違規(guī)問題,請(qǐng)聯(lián)系本站處理。 舉報(bào)投訴
  • CAC
    CAC
    +關(guān)注

    關(guān)注

    0

    文章

    4

    瀏覽量

    8511
  • 瀏覽器
    +關(guān)注

    關(guān)注

    1

    文章

    1028

    瀏覽量

    35397
  • javascript
    +關(guān)注

    關(guān)注

    0

    文章

    519

    瀏覽量

    53883
  • 數(shù)據(jù)網(wǎng)格

    關(guān)注

    0

    文章

    7

    瀏覽量

    6132

原文標(biāo)題:?FusionGrid:高度直觀且可自定義的JavaScript數(shù)據(jù)網(wǎng)格組件(上)

文章出處:【微信號(hào):哲想軟件,微信公眾號(hào):哲想軟件】歡迎添加關(guān)注!文章轉(zhuǎn)載請(qǐng)注明出處。

收藏 人收藏

    評(píng)論

    相關(guān)推薦

    javascript:void(0) 是否影響SEO優(yōu)化

    使用 javascript:void(0) 確實(shí)可能對(duì)SEO優(yōu)化產(chǎn)生負(fù)面影響 。以下是關(guān)于 javascript:void(0) 對(duì)SEO影響的具體分析: 搜索引擎爬蟲的理解問題 搜索引擎爬蟲(如
    的頭像 發(fā)表于 12-31 16:08 ?153次閱讀

    javascript:void(0) 的作用是什么

    javascript:void(0) 在 HTML 和 JavaScript 中是個(gè)常見的表達(dá)式,主要用來創(chuàng)建
    的頭像 發(fā)表于 12-31 15:55 ?178次閱讀

    AUTOSAR通信組件介紹 AUTOSAR通信層功能分析

    AUTOSAR通信組件介紹 AUTOSAR(AUTomotive Open System ARchitecture)是個(gè)全球性的汽車軟件架構(gòu)合作伙伴計(jì)劃,旨在創(chuàng)建和建立
    的頭像 發(fā)表于 12-17 14:55 ?318次閱讀

    HarmonyOS Web開發(fā)性能優(yōu)化指導(dǎo)

    20ms收益。 | 低 | - | ArrayBuffer格式的數(shù)據(jù)傳輸。 | (二)預(yù)啟動(dòng)Web渲染進(jìn)程 原理介紹 此方案適用于Web頁(yè)面啟動(dòng)場(chǎng)景。開發(fā)者需額外創(chuàng)建個(gè)空白的Ark
    發(fā)表于 12-06 08:41

    利用自適應(yīng)網(wǎng)格細(xì)化功能自動(dòng)生成最佳網(wǎng)格

    添加了細(xì)化區(qū)域,因?yàn)槲覀冾A(yù)計(jì)這部分會(huì)有大量的物理特征,尤其是在尾流區(qū)域。這過程需要運(yùn)用大量的專業(yè)領(lǐng)域知識(shí),并且非常依賴用戶輸入的數(shù)據(jù)。不過,對(duì)流動(dòng)物理特性極少的
    的頭像 發(fā)表于 11-23 01:03 ?365次閱讀
    利用自適應(yīng)<b class='flag-5'>網(wǎng)格</b>細(xì)化功能自動(dòng)生成最佳<b class='flag-5'>網(wǎng)格</b>

    服務(wù)網(wǎng)格DPU卸載解決方案

    服務(wù)網(wǎng)格(Service Mesh)是微服務(wù)架構(gòu)中的種重要技術(shù),它主要處理服務(wù)之間的通信,為服務(wù)間的信息交換提供更安全、更快速且更可靠的基礎(chǔ)設(shè)施層。服務(wù)網(wǎng)格將服務(wù)治理從業(yè)務(wù)邏輯中剝離出來,拆解為獨(dú)立的進(jìn)程,實(shí)現(xiàn)異構(gòu)系統(tǒng)的統(tǒng)
    的頭像 發(fā)表于 09-20 16:25 ?326次閱讀
    服務(wù)<b class='flag-5'>網(wǎng)格</b>DPU卸載解決方案

    在VirtualLab Fusion中的可編程探測(cè)器附加組件

    編輯窗口中將自動(dòng)出現(xiàn)個(gè)按鈕。 例 1:提取點(diǎn)的場(chǎng)值 任務(wù)描述 舉個(gè)簡(jiǎn)單的例子,我們想演示個(gè)插件,它可以檢測(cè)某個(gè)點(diǎn)上所有場(chǎng)分量的振幅和相位。為簡(jiǎn)單起見,該插件將僅限于用于二維
    發(fā)表于 08-08 17:17

    VirtualLab:通用探測(cè)器

    。相比之下,輻射通量和效率(表面)只需要完整的場(chǎng)數(shù)據(jù)集。因此,它定位在個(gè)新的分支。 探測(cè)器附加組件閱讀說明 - 文檔 官方數(shù)據(jù)庫(kù)中的每個(gè)
    發(fā)表于 08-06 15:20

    bootstrap框架介紹

    Bootstrap是個(gè)流行的前端框架,它提供了套響應(yīng)式、移動(dòng)優(yōu)先的CSS和JavaScript組件,可以幫助開發(fā)者快速構(gòu)建美觀、功能豐富
    的頭像 發(fā)表于 07-11 09:53 ?579次閱讀

    鴻蒙ArkUI實(shí)例:【自定義組件

    組件是 OpenHarmony 頁(yè)面最小顯示單元,個(gè)頁(yè)面可由多個(gè)組件組合而成,也可只由個(gè)
    的頭像 發(fā)表于 04-08 10:17 ?656次閱讀

    鴻蒙TypeScript入門學(xué)習(xí)第天【簡(jiǎn)單介紹

    ypeScript 是 JavaScript個(gè)超集,支持 ECMAScript 6 標(biāo)準(zhǔn)()。
    的頭像 發(fā)表于 03-26 16:51 ?470次閱讀
    鴻蒙TypeScript入門學(xué)習(xí)第<b class='flag-5'>一</b>天【簡(jiǎn)單<b class='flag-5'>介紹</b>】

    鴻蒙開發(fā)實(shí)戰(zhàn)-(ArkUI)List組件和Grid組件的使用

    的每一個(gè)條目對(duì)應(yīng)個(gè)GridItem組件。 使用ForEach渲染網(wǎng)格布局 和List組件
    發(fā)表于 01-18 20:18

    鴻蒙NEXT-Column和Row組件的使用

    1 概述 個(gè)豐富的頁(yè)面需要很多組件組成,那么,我們?nèi)绾尾拍茏屵@些組件有條不紊地在頁(yè)面上布局呢?這就需要借助容器組件來實(shí)現(xiàn)。 容器
    發(fā)表于 01-18 16:44

    鴻蒙開發(fā)-ArkUI框架實(shí)戰(zhàn)【日歷應(yīng)用 】

    循環(huán)渲染方式,導(dǎo)致頁(yè)面啟動(dòng)時(shí)間過長(zhǎng),可以使用LazyForEach組件進(jìn)行數(shù)據(jù)的懶加載進(jìn)行優(yōu)化,按需加載數(shù)據(jù)并創(chuàng)建相應(yīng)組件 定義
    發(fā)表于 01-17 21:37

    鴻蒙開發(fā)OpenHarmony組件復(fù)用案例

    ; ...... } 開發(fā)實(shí)踐 我們看下組件復(fù)用的實(shí)際使用案例。示例中,會(huì)創(chuàng)建個(gè)圖片列表頁(yè)面,使用懶加載LazyForEach,以及組件復(fù)用能力。 創(chuàng)建
    發(fā)表于 01-15 17:37