Line Chart with Big Data

  • Last update:February 09, 2025
  • Overview

    A large amount of data (reaching 10,000 records) will lower the chart loading and affect the display effect. The following figure takes a line chart as an example.

    1.png

    FineReport provides the big data optimization function, for better chart display effects and faster chart display when the amount of data is very large. The following figure shows the effect.

    2.png

    Example

    Data Preparation

    Create a general report, and create a built-in dataset named ds1, as shown in the following figure.

    3.png

    Chart Insertion

    Merge required cells, and insert a line chart, as shown in the following figure.

    4.png

    Data Binding

    Click Data in the Cell Element, and select the dataset ds1 for Data Source, Number for Category and Field Name for Series Name

    5.png

    Style Setting

    1. Series Setting

    Follow the steps shown in the following figure to set Color Scheme and Line in Series, and enable Big Data Mode. Custom Combination is used as an example here, which can be adjusted by yourself.

    6.png

    2. Axis Setting

    Set X Axis, set Type to Value Axis, and set CustomMaximum Value and Custom Main Unit, as shown in the following figure.

    7.png

    Effect Display

    1. PC

    Save the report and click Pagination Preview. The following figure shows the preview figure.

    8.png

    iconNote:
    When Type in Axis is set to Category Axis, the category order will be changed. When Type in Axis is set to Time Axis or Value Axis, the frontend display effect will not be affected.

    2. Mobile Terminal

    The report can be previewed on both the DataAnalyst app and the HTML5 terminal. The following figure shows the effect.

    9.png

    Template Download

    The completed template can be found in: %FR_HOME%\webapps\webroot\WEB-INF\reportlets\doc-EN\Chart\LineChart\Line Chart with Big Data.cpt

    You can download the example template.  Line Chart with Big Data.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