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

The editor today takes you to understand how to achieve the announcement effect of scrolling in the big data report. The knowledge points in the article are introduced in great detail. Friends who feel helpful can browse the content of the article together with the editor, hoping to help more friends who want to solve this problem to find the answer to the problem. Let's follow the editor to learn more about "how to achieve the effect of scrolling announcement in big data report".

Dashboard provides users with a better data use experience with a rich dynamic and interactive visual interface, so that decision makers can more efficiently understand the important information and level of detail of the enterprise. Among the various dynamic effects of DBD, scrolling is a common one. For example, the data list in the following figure needs to be scrolled because the layout is fixed.

Usually the scrolling screen seen in the report is because "the page is large, the window is small", that is, the open window area can not hold the contents of the entire page, and you need to rely on the keyboard arrow keys or mouse wheel to move and view. In DBD, for better interaction, scrolling is required to continue automatically, pausing only when the mouse moves over the area. Although this approach has been quite common, but generally speaking, the report manufacturer does not provide it directly, but needs to be implemented through jquery,JS. Now I would like to show you how to achieve this text scrolling effect.

We will implement a text scrolling example on the basis of the "equipment failure analysis. RPX" included with the report designer.

1. Data set collation

For the data read from the database, you can use the aggregator to organize the data into the effect shown in the screenshot below. In order to facilitate the effect, here I directly organize the values of all the fields in the built-in data ds2 into the "device" field, and add some spaces to it so that the indentation on the page looks better.

two。 Merge cells

Delete the G15 column, select B15-F15, and merge.

3. Set the cell data type to html

4. Set the cell expression, as shown in the image above. Here is the specific expression.

= "" + replace (string@q (ds2.select (device)), "

") +"

Where:

Indicates that scrolling stops when the mouse is above the area

Means to continue scrolling when the mouse is moved away.

5. Adjust the style

The original B15-F15 set different lines of color, because our text scroll items as a unified string of content, so according to the above settings, the effect will feel somewhat abrupt, as shown in the following figure.

Remove the B15-F15 background color setting so that the scroll area is integrated as a whole.

After the above steps, our data list scrolls in the DBD panel, and it stops scrolling when the mouse is pointing to the data and continues to scroll when the mouse is moved away, which will undoubtedly add icing on the cake to your large screen display.

The above small example simply realizes the effect of scrolling text display. Let me explain the attribute values of the seemingly magical tags in detail. I believe it will help you achieve a better text scrolling effect after reading it:

Alternatively, you can replace the content between and with images or other objects.

Thank you for your reading, these are all the contents of "how to achieve the announcement effect of scrolling in big data report". Friends who learn to learn to hurry up to operate it. I believe that the editor will certainly bring you better quality articles. Thank you for your support to the website!

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.