Creating Charts

Article Number:040468

You can perform data aggregation on an app's record data, such as numeric values and the number of records, and turn the data into a chart. If you save your chart settings, you can display the chart with the latest data from the app's top page (the View screen) whenever you want.
To save your chart settings, you need permission to manage the relevant app.
Screenshot: Selecting a saved chart

In kintone, you can perform data aggregation in either of the ways described below and turn the data into a chart or table.

  • Design a graph starting from graph type
    You will create a chart or table by specifying a chart type and aggregation conditions.
  • Use a recommended graph
    Chart/table suggestions, which are automatically generated based on your app data, are displayed.
    You can create a chart or table just by selecting one from the suggestions based on your needs.

For details on which type of charts to use, refer to the following page:
Chart types and their usage

Steps

This section describes the steps to create a chart from the View screen.
Here, you will create a chart that displays the monthly sales amount for the year using the "Received Order (Real-time)" app, which is used for managing order dates and amounts. When creating a chart, you will select a chart displayed under Design a graph starting from graph type.

Image of the created chart Screenshot: A completed bar chart is displayed

  1. On the app's View screen, click the Create graph icon. Screenshot: The "Create graph" icon is highlighted on the "View" screen

  2. Select the chart type from the options displayed under Design a graph starting from graph type.
    In this example, select Column chart. Screenshot: On the "Create graph" screen, the "Column chart" option is highlighted under "Design a graph starting from graph type" Reference: Chart types and their usage

  3. In the Chart type section, select how the aggregate result is displayed.
    In this example, select Clustered. Screenshot: On the "Create graph" screen, "Column chart" and "Clustered" are selected under "Chart type"

  4. In the Group by section, configure the grouping used for the chart.
    In this section, you can specify the following three items: Level 1, Level 2, and Level 3 items. The fields for Level 2 and Level 3 items appear when you click the plus sign-shaped Add icon at the bottom of the Group by section.
    Since you want monthly sales data to be aggregated, specify "Order Date" and "by the month" for Level 1 and "Product Name" for Level 2.
    If you configure Level 1 and Level 2 items for a column chart, the Level 1 item will be displayed on the horizontal axis and the Level 2 item will be used as data series. You can check the preview of the chart on the screen.
    Screenshot: "Order Date" and "Product Name" are displayed for Level 1 and Level 2 respectively in the "Group by" section of the "Create graph" screen, and a chart preview is displayed

  5. In the Function section, select one or more functions to specify how you want the data to be aggregated.
    You can select functions from the options Count, Sum, Average, Maximum, and Minimum.
    Since you want to calculate the total sales amount, select Sum for the function and "Price" for the field whose values are to be aggregated.
    In the case of a clustered column chart, the selected function is applied to the vertical axis. Screenshot: In the "Function" section of the "Create graph" screen, "Sum" is selected for the function and "Price" is selected for the field to be aggregated

  6. Configure the setting in the Filter section.
    You can configure filter conditions when you want to limit the scope of data aggregation to certain records (e.g., when you want to set a date range for the data subject to data aggregation). You can click Clear all to clear all the already added conditions.
    Since you want the sales amount for this year to be aggregated, select "Order Date", = (equal to), and This year.
    Screenshot: In the "Filter" section of the "Create graph" screen, "Order Date", "= (equal to)", and "This year" are selected

  7. In the Sort by section, configure the ordering of the aggregate result.
    You can select the items used for sorting from the options Total, Level 1, Level 2, and Level 3.

    • If you select Total: Data on the chart is sorted based on the result of aggregation carried out in accordance with the setting in the Function section, which you have configured in step 5. You can select either ascending or descending for the sort order.
    • If you select Level 1, Level 2, or Level 3: Data on the chart is sorted based on the values of the field specified in the Group by section, which you have configured in step 4. You can select either ascending or descending for the sort order.
      In this example, select Ascending for both Level 1 and Total.
      Screenshot: In the "Sort by" section of the "Create graph" screen, the "Level 1" and "Total" fields are selected, and both have "Ascending" selected
  8. Click Save as new graph or Apply.

  9. If you have clicked Save as new graph in step 8, name the chart and save it. After doing so, the chart you created will be displayed.
    If you click Apply, the chart you created will be displayed.

You have successfully created a chart that shows aggregate results. Screenshot: The "Graph saved." pop-up is displayed

Changing display items

By clicking the item names (data series) on a chart, you can change whether to show/hide individual items.
This is useful when you want to compare specific items on a chart to further analyze the displayed result. Screenshot: A bar chart with certain items displayed and hidden

Displaying filtered records from a chart

By clicking an individual aggregate result, you can display a list of records included in the result.
This is useful when you want to check which record data has been aggregated.

For example, say you click the bar in a chart that represents the sales data for "Apple Pie" in October. Screenshot: A part of a bar chart that represents aggregate results for "Apple Pie" is highlighted

Doing so displays a list of only records that meet the criteria (October, "Apple Pie").
The fields displayed in the list and their ordering are the same as those in the default view (the view placed at the top of the view list on the Views tab of the App settings screen).
Reference: Changing the default view Screenshot: A "View" screen showing a filtered list of records from aggregate results