{"id":34841,"date":"2018-01-02T15:47:11","date_gmt":"2018-01-02T07:47:11","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=34841"},"modified":"2020-11-11T17:06:49","modified_gmt":"2020-11-11T09:06:49","slug":"chart-series","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/chart-series\/","title":{"rendered":"Chart Series"},"content":{"rendered":"\n
\n

An Explorer chart is made of a\u00a0series<\/em> of data points.<\/em> Select the series depending on how you want to display your data. You can have more than one series, and you can also combine different types of series in your chart.<\/p>\n

The different series are layered on the chart according to list order, with top of the list in the background; or for a series of bars, left to right in order of the list.<\/p>\n

Related: Configuring the Chart Series<\/a><\/p>\n

Types of Series<\/h2>\n<\/div>\n\n\n\n\n\n
Line Series:<\/strong><\/p>\n

The Line series plots your data in a single line. You can combine this with other lines series (as shown), or with different types of series, such as bar, dot, etc.<\/p>\n<\/td>\n

\"\"<\/td>\nBar Series:<\/strong><\/p>\n

The Bar series has rectangular bars (shown horizontally or vertically), where the length of each bar is proportional to its value.<\/p>\n<\/td>\n

\"\"<\/td>\n<\/tr>\n
Stacked Bar Series:<\/strong><\/p>\n

The Stacked Bar series has one or more series containing bar charts which stack vertically to form single bars. This is useful when you want to show parts of a whole.<\/p>\n<\/td>\n

\"\"<\/td>\nArea Series:<\/strong><\/p>\n

The Area series is a line series with the area below the line filled in with a colour. If using more than one area series, it can be helpful to adjust the opacity (as shown in this example).<\/p>\n<\/td>\n

\"\"<\/td>\n<\/tr>\n
Dot Series:<\/strong><\/p>\n

The dot series displays each point as a dot, and is typically used to highlight statistical distributions.<\/p>\n<\/td>\n

\"\"<\/td>\nCombined Series:<\/strong><\/p>\n

Charts that combine different series are useful for showing related information in different ways.<\/p>\n<\/td>\n

\"\"<\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Examples\u00a0<\/h2>\n
\n
\n

Here are some of the effects you can achieve by changing the series properties; note that some properties are specific to the series type.<\/p>\n

Area Chart<\/h3>\n\n\n\n
\n

Changing the Opacity on two Area series:<\/em><\/strong><\/p>\n

\"\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

Bar Chart<\/h3>\n\n\n\n
\n

A narrower Bar Size (25) on a Bar series:<\/strong><\/em><\/p>\n

\"\"<\/a><\/strong><\/em><\/p>\n<\/td>\n

\n

Filled-in Bar Size (Fill) on a Bar series:<\/strong><\/em><\/p>\n

\"\"<\/a><\/strong><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

The chart in the screenshots below demonstrate how the order of the different series affects the chart appearance.<\/p>\n\n\n\n\n
\n

The line series appears behind the bar\u00a0series, because it is listed first in the component editor:<\/strong><\/em><\/p>\n<\/td>\n

\n

The bar series appears behind the line series, because it is listed first in the component editor:<\/strong><\/em><\/p>\n<\/td>\n

\n

The 'Budget' bar series appears before the 'Spent' bar series, because it is listed first in the component editor:<\/strong><\/em><\/p>\n<\/td>\n<\/tr>\n

\n

\"\"<\/a><\/p>\n<\/td>\n

\n

\"\"<\/a><\/p>\n<\/td>\n

\n

\"\"<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\u00a0<\/p>\n<\/div>\n

Line Chart<\/h3>\n\n\n\n
\n

This is a single Line series. The lines are split using the Name Column:<\/strong><\/em><\/p>\n

\"\"<\/a><\/strong><\/em><\/p>\n<\/td>\n

\n

This single Line series displays just one of the entities. Data is filtered using the Filter Column and Filter Value:<\/strong><\/em><\/p>\n

\"\"<\/a><\/strong><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

 <\/p>\n

\n

The chart in the screenshots below has four Line series, with TOTAL using the right Y Axis, and GAS, OIL and NGL on the Left Y Axis.<\/p>\n\n\n\n\n
\n
\u00a0<\/strong><\/div>\n

All lines appear on the chart:<\/strong><\/em><\/p>\n<\/td>\n

\n
When the user clicks or hovers on the Right Y axis, only the left-axis and the line series using this axis are displayed:<\/strong><\/em><\/div>\n<\/td>\n
\n
When the user clicks or hovers on the Right Y axis, only the right axis and the line series using this axis are displayed:<\/strong><\/em><\/div>\n<\/td>\n<\/tr>\n
\n

\"\"<\/a><\/p>\n<\/td>\n

\n

\"\"<\/a><\/p>\n<\/td>\n

\n

\"\"<\/a><\/p>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

\n

Scatter Chart<\/h3>\n\n\n\n
\n

Two Dot series; each has its own Colour and its own Radius (for the dot size):<\/strong><\/em><\/p>\n

\"\"<\/a><\/p>\n<\/td>\n

 <\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<\/div>\n

There are many options for configuring your series; try these out once you have set up a chart.<\/p>\n<\/div>\n

\u00a0<\/div>\n","protected":false},"excerpt":{"rendered":"

An Explorer chart is made of a series of data points. This article describes the types of series you can add, to display your data.<\/p>\n

Read more<\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":4637,"parent":24353,"menu_order":5,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[15,614],"class_list":["post-34841","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-charts-2","tag-series","Version-4-5-4","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/34841","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/comments?post=34841"}],"version-history":[{"count":1,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/34841\/revisions"}],"predecessor-version":[{"id":46082,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/34841\/revisions\/46082"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/24353"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/4637"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=34841"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=34841"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=34841"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}