Elasticsearch Area Chart and Bar Chart

Area chart is an extension of line chart, where the area between the line chart and the axis is highlighted in some color. Bar chart represents the chart that organizes data into a series of values and then draws it relative to the axis. It can be made up of horizontal bars or vertical bars.

In this chapter, we will see all three types of graphs created using Kibana. As described in the previous chapters, we will continue to use the data from the e-commerce index.

Area Chart

In the Kibana main screen, we find the option named Visualize, which allows us to create visualizations and aggregations from the indices stored in Elasticsearch. We select to add a new visualization and then choose 'Area Chart' as the option shown in the figure below.

Select Index

The next screen prompts us to select the metric for creating the area chart. Here, we choose 'Sum' as the type of aggregation metric. Then, we select the 'total_quantity' field as the field to be used as the metric. On the X-axis, we select the 'order_date' field and use the given metric to divide the series5

When running the above configuration, we get the following area chart as the output-

Horizontal Bar Chart

Similarly, for horizontal bar charts, we select a new visualization effect from the Kibana main screen and then choose the option for 'Horizontal Bar'. Then we select the indicator, as shown in the figure below. Here, we choose 'Sum' as the aggregation for the total number of archived product names. Then, we select the bucket with a date histogram as the on-site order date.

When running the above configuration, we can see the horizontal bar chart as shown below:

Vertical Bar Chart

For the vertical bar chart, we select a new visualization from the Kibana main screen and then select the 'Vertical Bar' option. Then we select the metrics as shown below.

Here, we select 'Sum' as the aggregation for the field named 'Product Quantity'. Then, we select the bucket with a date histogram as the on-site order date with a weekly interval.

When running the above configuration, the following chart will be generated as shown below:-