Shulou(Shulou.com)06/02 Report--

This article will explain in detail how DataGear uses static HTML templates to quickly create data visualization Kanban. The content of the article is of high quality, so the editor shares it for you as a reference. I hope you will have a certain understanding of the relevant knowledge after reading this article.

DataGear Kanban provides the ability to import static HTML templates, allowing you to quickly create data visualization Kanban using any existing HTML web resources.

First, you need to prepare a set of static HTML templates that have been laid out, which contain HTML pages and related resources, such as:

Index.htmlcss/ |-style.css |-images |-bg.png |-bg_head.pngjs/ |-index.js |-common.js

Its static effect is shown below:

Then, compress this set of static HTML templates into a ZIP file (note that index.html and its resources should be placed directly in the root directory of the package, not more nested first-level directories), and use the [Import] function of DataGear Kanban to import the ZIP file into Kanban.

After the import is successful, open the Kanban editing interface and add the dg-chart-widget attribute to bind the chart component to the div element in the HTML template, for example:

.

Where the chart component ID is a chart entry ID in the chart management list.

After setting all the div elements, a data visualization Kanban is completed. Click the "Save and Show" button to view the display effect.

Wait, the default display effect is not satisfactory... It doesn't matter, customizing the display effect is also very simple!

First, customize the chart theme, open the Kanban editing interface, and add a dg-chart-theme custom chart theme to the tag, as shown in the following code:

Then, customize the chart settings, add the dg-chart-options attribute to the label, and define the global chart settings:

The great task has been completed!

On DataGear how to use static HTML templates to quickly create data visualization Kanban to share here, I hope the above content can be of some help to you, can learn more knowledge. If you think the article is good, you can share it for more people to see.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.