Get the App
SLTechnology News&Howtos  ›  Internet Technology  › 

How to use DataGear to make Row-scrolling Table data Visualization Kanban

Shulou Source: shulou.com Published: 2022-06-01 05:02:01 10月04日 Update

Editor to share with you how to use DataGear to make row-by-row rotation table data visualization Kanban, I hope you will gain something after reading this article, let's discuss it together!

Through the table chart rotation setting item of DataGear (added in version 1.13.0), you can easily make a visual Kanban of broadcast table data scrolling by row.

First, create the dataset required for the table, taking the following CSV dataset as an example:

Name, valueDataGear, 160Line, 140Bar, 120Pie, 110Gauge, 100Scatter, 120...

Create a new table chart using the above dataset:

Chart type: basic table dataset column tag: no tag required

Then, create a new visual Kanban and fill in the following Kanban template:

. dg-dashboard {position: absolute; left: 0px; right: 0px; top: 0px; bottom: 0px;} .dg-chart {display: inline-block; margin-left: 10%; margin-right: 10%; width: 80%; height: 400px;} var prevTr= null;var tableOptions = {carousel: function (tr, visibleHeight, height) {/ / pause var interval = (prevTr== null | prevTr==tr? 25: 1000); prevTr= tr Return interval;}; DataGear

Example of http://www.datagear.techDataGear Kanban

Click the [Save and Show] button to open the Kanban display page and finish!

The effect image is as follows:

After reading this article, I believe you have a certain understanding of "how to use DataGear to make visual Kanban of rotated table data scrolling by row". If you want to know more about it, please follow the industry information channel and thank you for your reading!

Tags: Data Kanban tables visualization production charts tags articles content done buttons effects rendering more templates versions knowledge examples types industries Apple Docker Huawei Linux macOS MariaDB Microsoft MySQL NVidia OPPO Reno Apple Shulou Technology Redmi Huawei NVidia