Repeater Edition Heatmap

Talk and discuss about mobile phone number list
Post Reply
nabilislam
Posts: 1
Joined: Thu Jun 09, 2022 10:54 am

Repeater Edition Heatmap

Post by nabilislam »

The form of heat map is very common, so how do we use repeaters to achieve heat map production? Phone Number List The author of this article summarizes the process of making a heat map by Axure, let's take a look. Heatmaps are commonly used statistical charts in visual interfaces, so today we will learn how to make heatmaps in Axure. We will use repeaters to make them, because repeaters are highly reusable. When using them again, Phone Number List you only need to fill in the data in the form to automatically generate interactive effects, including automatically displaying the corresponding colors according to the data, and when moving in. The title shows the complete information. The specific effect is shown in the figure below: Prototype address Let's start making it together.

1. Material preparation 1. Table content We use the repeater to make the table content. In the repeater, we need to place the following components: 1) The text of the y-axis coordinate: we can use the text label. 2) Text text in each column: Here we also use text labels, add a few columns as needed, Phone Number List and name them as text 1, 2, 3, 4, 5, 6, and 7, so that we can easily interact later. 3) Dynamic panel: The dynamic panel is used for the color background. The dynamic panel needs multiple states. In the case, Phone Phone Number List Number List there are 5 colors, so 5 states are used, and a rectangle of the corresponding color is placed in each state. . Copy the dynamic panels and place them below the text 1, 2, 3, 4, 5, 6, and 7 respectively. Fill in the repeater form: Column0 corresponds to the y-week coordinate text. Column1~7 correspond to the specific data in text 1~7.

Image

2. We can simply use the text label to make the x-coordinate axis and the x-coordinate axis, fill in the corresponding data, the case Chinese store 1, 2, 3, 4, 5, 6, 7, and then and the repeater The corresponding text is aligned one by one. 3. Labels Labels are simply made with text + rectangle. The rectangle is filled with fill color, and the text label behind is the value range corresponding to each color, Phone Number List as shown in the following figure after completion. Then we also need to name the rectangle of each color, which is more important here, because we can get the name through the name function later. Calculate to achieve the effect of automatic color change. For example, if the range of the yellow rectangle is under 2000, it is named 2000; if the orange rectangle is 2000 to 4000, Phone Number List it is named 4000. 4. Prompt pop-up window The prompt pop-up window consists of a rectangle and two text labels. The bottom background rectangle is added with a shadow effect. The top is the title text, corresponding to the x-axis, and the bottom is the data text, corresponding to the y-axis and specific data. This combination is hidden by default.
Post Reply