Chart Custom Tooltip Style

  • Last update:  2020-12-09
  •  

    I. Overview

    1) The conditional display function of the chart provides more possibilities for the final display effect of the chart, and makes the chart have more personalized display forms.

    2) The setting method of conditional display of charts is basically the same as that of conditional formatting of cells. It is necessary to define attribute styles and conditions to be met. The chart elements that meet the conditions will display the defined attribute styles in preview.

    3) Through conditional display, you can set custom data point prompt effect for a certain series, category and value.

    You will learn
    • Operation steps

      • Insert Chart

      • Set chart data

      • Preview

      • New conditional display

      • Set the label attributes

      • Set conditions

    II. Operation steps

    1. Insert Chart

    1) Insert a floating chart, select [Column Chart], select the first most basic column chart

     图片1.png

    2) Adjust the chart size

     图片2.png


    2. Set chart data

    1) create a new dataset [ds1]

     图片3.png

    2) Refer to the figure below to set chart data

     图片4.png

    3) Set the rotation angle for the label text on the X-axis, so that even if the label text is long, it can be displayed completely

     图片5.png


    3. Preview

    The chart has two series, drinks and desserts, which are displayed in groups according to the corresponding salesperson

     图片6.png

     

    4. New conditional display

    Select [Special effect]> [Conditional display]. Click [+] to add a condition attribute

     图片7.png


    5. Set the label attributes

    1) Click [+] and select [Data Point Prompt]

     图片8.png

    2) You can click图片14.png to delete the label attribute

     图片9.png

    3) You can set the content, style, border, background and display strategy of data point prompt

     1.GIF

    4) Set the text to pink

     图片11.png

     

    6. Set conditions

    1) Select [Series Name] for [Optional Column] and [Equal] for [Operator], and fill “Desserts” in the value. Click [+Add] to complete the condition setting

     图片12.png

    2) Preview the data point prompt of the dessert series, and the text is pink 

    2.GIF

    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