All Products
Search
Document Center

Quick BI:Configure Chart Style

Last Updated:Oct 17, 2024

This topic describes the style configuration and effect display of a widget on the Data Dashboards page.

Adjust position and size

You can configure the components in the configuration section as follows:

  • Adjust widget alignment (①): supports left alignment, center alignment, and right alignment.

  • Adjust the size of the widget (②): Use the upper left corner as the origin, set the values of the X and Y axes, and adjust the position.

  • Adjust the angle of the component (③): Set the value of the rotation angle.

  • Adjust the size of the component (④): Set the values of W and H to adjust the width and height of the component.

  • Lock component aspect ratio (⑤): After the component aspect ratio is locked, the component cannot be resized.

  • Adjust Transparency (⑥): Set the transparency of the widget.

样式设置

Animation type

  • The flip animation effect is displayed.

    In the Animation section, perform the following operations: Untitled.gif

  • Scroll and streamer effect display.

    • Enable Vertical Scrolling: specifies the number of rows to scroll in the vertical direction of the leaderboard and the time interval for scrolling.

    • Turn on Row Header Scrolling: Set the horizontal scrolling speed and interval.

    • Enable Stream Effect: Specify the color and duration of the Stream Effect.

    • Turn on Split Stream: Specify the color and duration of the split streamer.

    动画配置项

    The streamer effect is shown as follows.

    动态效果

  • Automatic page turning effect

    Supports the gap of page turning. 动画效果

Set Conditional Formatting

In the Conditional Formatting section, you can specify a conditional format for the metrics.

  • Select Series: You can select all measures that you add to the Indicators section.

  • Shortcut Style: Specify the color of the marker icon and font.

  • Custom Style: You can customize the text and icon styles. You can also set the icon, range value, and font color.

  • Sync Style To: synchronizes the current conditional format to other metrics.

条件格式

Set label

  • You can set label in the label section.

    Take a pie chart as an example:

    • Adjust the display data of a widget: You can set one or more dimensions, measures, and ratios to be displayed in the sector area.

    • Adjust the scale of the widget: You can set the scale to 0, 1, and 2.

    • Adjusts the arrangement of widget display data: supports left-right and up-down arrangement.

    • Adjust the alignment of widget display data: When the label is arranged up and down, you can set the alignment of display data to center, left, and right.

    • Adjust the text style of the widget display data: You can set the color, font size, bold, or skew of the widget display data text.

    数据标签

  • You can specify the decimal places, text, position, current value, display name, and arrangement of target values for the progress bar proportion.

    The following takes a ring progress bar as an example. 数据标签

Set click events

In the Click Event section, you can configure link redirection. Three types are supported: Click to Switch Overlay Layer, Click to Popup Layer, and Click to Jump Page.

Note

Button, drop-down list, tile button, video, and embedded page components do not support click event page jump.

  • Click to Toggle Overlay Layer

    Place a layer in the same layer level as a switchable object (layer group with layer overlay enabled). You can click the layer to switch for the current layer in the drop-down box.

    点击1

  • Click Pop-up Layer

    Select the object that pops up after you click a layer from the drop-down list. The pop-up object must be a layer or layer group on the root node of the layer.

    点击2

  • Click a page

    Internal and External pages can be redirected to external pages. If you want to change the redirection mode of external pages, you must enter External Link and select Open Method. You can select pop-up window, new window, or current window.

    Note

    Layer groups do not support jumping to external links.

    点击3If you set the Open Method parameter to Popup, you can set the Popup Format, Default Size, Popup Title, and Page Mask parameters.

    image.png

    Note

    When the pop-up form is centered, the pop-up title can be displayed or not displayed. For other pop-up forms, the pop-up title is displayed by default and cannot be set to not displayed. image.png

    Only the left drawer, the right drawer, and the bottom drawer support whether to display the page mask. If the page mask is not displayed, you can click to switch the dimension value.

    The default size supports setting by percentage or by exact pixel.

    image.png

    When the pop-up window is opened, you can drag the window size and display position.

Series Settings

In the Series Settings section, you can set the following parameters:

  • Select Series: Select a dimension or measure based on the business scenario.

  • Display label: Specify whether to display label and the color and size of label text.

  • Synchronize Style to: synchronizes the current conditional format to other metrics.

系列设置

Set Legend

You can configure the widget in the legend section as follows:

  • Show Legend: Specify whether to show the legend.

  • Position: When setting the display legend, you can set the position of the legend.

  • Text: When you set the display legend, you can set the size and color of the legend text.

图例