チャートデータ表をカスタマイズ

  • 作成者:ayuan0625
  • 編集回数:12次
  • 最終更新:FRInternational 于 2020-12-30
  • I. summary

    1. Application scenarios

    For the data in the data table, some data are expected to be classified with fixed units, such as temperature, US dollar, etc., and some data are expected to be set with different colors according to profit and loss. The following is the corresponding results:

    1.gif


    2. Idea to acheive

    Under chart > special effetcs > condition display, add conditional formatting of data table.

    II. Examples

    1. Prepare template

    Open designer built in template %fr_Home%/webapps/webroot/WEB-INF/reportlets/Doc-EN/Chart/combination/Column-Line_Chart.cpt

    Column-Line_Chart.cpt


    2. Set data

    Select the chart, click style > data table on the right, check display data table, select data format: number, and do not modify specific properties:

    2.2.png

     

    3. Set condition properties

    1) Column chart condition properties

    Select the chart, click special effects > condition display on the right, select the column chart, add conditional formatting, set the attributes as data table content, set the data format as number, the character is green with unit mm, and the condition is series index = 1. Click Add to complete the conditional formatting1 editing.

    On the right side, click special effects > condition display, select the column chart, add conditional formatting, set the attribute as data table content, set the data format as number, the character is red with unit mm, and the condition is series index = 2. Click Add to complete the conditional formatting2 editing.

    2) Line condition properties

    On the right side, click special effects > condition display, select line chart and add conditional formatting. The attribute is set as data table content, data format is set as number, the character is blue with unit MB, and the condition is series index = 1. Click Add to complete the conditional formatting1 editing.

    On the right side, click special effects > condition display, select line chart and add conditional formatting. The attribute is set as data table content, data format is set as number, and the character is dark blue with unit ℃. The condition is series index = 2. Clickadd to complete conditional formatting2 editing.


    4. Effect preview

    1)PC terminal

    Save the template and click pagination preview. The effect is as follows:

    2)Mobile terminal


     

    III. Template download

    Completed template, see %fr_Home%/webapps/webroot/WEB-INF/reportlets/Doc-EN/Chart/combination/Column-Line_Chart.cpt

    Click to download the template:

    Column-Line_Chart.cpt


    Attachment List


    Theme: FineReport チャート
    • いいね
    • 良くない
    • 閲覧しただけ