Extended Chart - Carousel Pixel Point Chart

I. Overview

1. Version

DesignerExtended Chart Plugin Version
10.0V4.3

2. Application scenarios

A new subtype is added to the Gauge in version 4.3 of the Extended Chart plugin: Pixel Point Chart.

This chart is applicable to large-screen scenarios and can be used to display multiple percentage data in rotation or monitor percentage changes in real time, for example, monitor CPU and memory usage in real time. The effect is shown below:

1.gif


3. Function introduction

  • Supports data rotation and periodic refresh.

  • Chart styles allow you to set title, label, graphics, and background.

  • Supports custom rotation interval, with a lower limit of 4 seconds.

  • Support for showing negative percentages, but no highlighted pixel graphics.

  • Supports chart linkage and component refresh. For details, see Chart Manual Refresh.


4. Install the plugin

Click to download the plugin: Extended Chart

Designer plugin installation method reference: Plugin Management

Server installation plugin method reference: Server plugin management


5. Chart entry

In the Chart Type, added a Pixel Point Chart under the Extended Chart - Gauge, which can be optionally inserted into the report.

2.png

II. Chart attributes

1. Data

Percentage calculation logic: Indicator Value/Target Value, Target Value can also be set to Automatic, and set a target value to participate in the calculation by default when you choose Automatic.

3.png


2. Style

Graphics settings can customize the representation of pixels.

4.png

1) Section configuration

This parameter is used to set the color of pixel. The color of pixel varies with the percentage range.

  • Auto: The default interval configuration is divided into 3 partitions, as shown in the following figure:

5.png

  • Custom: Users can set up a maximum of 6 partitions by themselves. You need to customize the left and right ranges and colors of each partition, as shown in the following figure:

6.png

2) Style

Here you can set the number and interval of pixel.

  • Points per row: The number of pixels in a row. Manual input is not supported.

  • Pixel Fill: Sets the effect of the pixel fill component.

  • Point gap: The distance between pixels. You can enter it manually.

7.png

When users select One-way Fill, the proportion of pixel remains unchanged and a certain direction will be selected to fill according to the width and height of the component. The effect is shown in the figure below:

8.png

When users select Two-way Fill, the components will be filled with pixel horizontally and vertically, as shown below:

9.png

3) Animation

There are two animation effects for pixel loading, which are as follows:

10.png

  • In Order

11.gif

  • Out of Order

12.gif


3. Special effect

In the special effect section, you can set Refresh, Carousel Interval and Carousel Linkage, as shown in the following figure:

13.png

III. Example

1. Data preparation

Create a general report and a built-in dataset. Here, three pieces of data are set to simulate real-time memory changes. In actual scenarios, users can enable periodic refresh to monitor, as shown in the following figure:

14.png


2. Insert the chart

Merge a region cell and insert the Pixel Point Chart, as shown below:

15.png


3. Bind the data

Bind the data to the chart, as shown below:

16.png


4. Config the partition

Customize the interval and the corresponding pixel color, and select One-way Fill for the pixel, as shown in the figure below:

17.png


5. Preview effect

Save the report, and click "Pagination Preview", the effect is as shown below:

18.gif

Note: The mobile terminal is not supported.

IV. Download template

Please refer to the completed template: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Primary\Chart\Pixel_Point_Chart.cpt

Click to download: Pixel_Point_Chart.cpt

Attachment List


Theme: Chart
  • Helpful
  • Not helpful
  • Only read

滑鼠選中內容,快速回饋問題

滑鼠選中存在疑惑的內容,即可快速回饋問題,我們將會跟進處理。

不再提示

10s後關閉

Get
Help
Online Support
Professional technical support is provided to quickly help you solve problems.
Online support is available from 9:00-12:00 and 13:30-17:30 on weekdays.
Page Feedback
You can provide suggestions and feedback for the current web page.
Pre-Sales Consultation
Business Consultation
Business: international@fanruan.com
Support: support@fanruan.com
Page Feedback
*Problem Type
Cannot be empty
Problem Description
0/1000
Cannot be empty

Submitted successfully

Network busy