{"id":35606,"date":"2018-01-16T10:30:06","date_gmt":"2018-01-16T02:30:06","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=35606"},"modified":"2019-10-17T15:03:42","modified_gmt":"2019-10-17T07:03:42","slug":"faq-configuring-charts-4-5-0","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-resources\/faq-configuring-charts\/faq-configuring-charts-4-5-0\/","title":{"rendered":"FAQ &#8211; Configuring Charts (4.5.0)"},"content":{"rendered":"<p class=\"page-subheading\"><\/p>\n<p class=\"left-bar\">This article applies to versions 4.5.0 - 4.5.4 of P2 Explorer. For the latest, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-resources\/faq-configuring-charts\/\">FAQ - Configuring Charts<\/a>.<\/p>\n<h2 class=\"page-subheading\">How do I update a variable from a chart?<\/h2>\n<p class=\"intro-text\">It is possible to configure a chart such that when a user clicks on an area of the chart, this updates a variable on the page with the selected X Axis value (the variable is then used by other page components, such as a text label, or a parameter to a dataset query, or a variable for a hyperlink).<\/p>\n<p class=\"intro-text\">To configure the chart to update a variable, follow the steps below.<\/p>\n<p class=\"intro-text\">Step 1: Add a text variable to the page defaults, and give it a value. <em>See<\/em> <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/default-value\/\">Default Values<\/a>.<\/p>\n<p class=\"intro-text\">Step 2: Click the chart to configure it. Now click the <strong>X Axis<\/strong> on the chart's properties to expand the X Axis properties, and select the new variable name from the <strong>Selected<\/strong> drop-down list. <em>See<\/em> <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/\">Charts<\/a>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23648 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value.png\" width=\"340\" height=\"327\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value.png 340w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value-150x144.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value-24x24.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value-36x36.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Selected-Chart-Value-48x46.png 48w\" sizes=\"auto, (max-width: 340px) 100vw, 340px\" \/><\/a><\/p>\n<p class=\"note\"><strong>Note:<\/strong> Ensure that the chart is a <em>discrete chart<\/em>, i.e. the <em>X Axis<\/em> <strong>Data Type<\/strong> must be <em>String<\/em>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23526 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState.png\" width=\"581\" height=\"188\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState.png 581w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState-150x49.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState-24x8.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState-36x12.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/SelectedState-48x16.png 48w\" sizes=\"auto, (max-width: 581px) 100vw, 581px\" \/><\/a><\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-primers\/variables\/\">Variables<\/a><\/p>\n<p class=\"page-subheading\">\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How do I add a label?<\/h2>\n<p class=\"intro-text\">First click on the chart to configure it.<\/p>\n<p class=\"intro-text\">To add an X Axis label: click <strong>X Axis<\/strong> on the chart's properties to expand the X Axis properties. For the <strong>Label<\/strong>, either keep <em>Text<\/em> and type a label in the edit box, or select <em>Variable<\/em> and then select a variable from the drop-down list.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23639 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1.png\" width=\"332\" height=\"442\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1.png 332w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1-113x150.png 113w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Setting-X-Axis-Label-1-36x48.png 36w\" sizes=\"auto, (max-width: 332px) 100vw, 332px\" \/><\/a><\/p>\n<p class=\"intro-text\">To add a Left Y Axis label: click <strong>Left Y Axis<\/strong> on the chart's properties to expand the Left Y Axis properties. For the <strong>Label<\/strong>, either keep <em>Text<\/em> and type a label in the edit box, or select <em>Variable<\/em> and then select a variable from the drop-down list.<\/p>\n<p class=\"intro-text\">To add a Right Y Axis label: click <strong>Right Y Axis<\/strong> on the chart's properties to expand the Right Y Axis properties. For the <strong>Label<\/strong>, either keep <em>Text<\/em> and type a label in the edit box, or select <em>Variable<\/em> and then select a variable from the drop-down list.<\/p>\n<p class=\"note\"><strong>Tip:<\/strong> The label should match the data from the column used for that axis. For example, if your X Axis uses <em>States<\/em>, display <em>States<\/em> in the label, and if your series plotted against the Left Y Axis are showing a dollar value, the label should reflect this.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23525 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1.png\" width=\"576\" height=\"163\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1.png 576w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1-150x42.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1-36x10.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Dollars-and-States-1-48x14.png 48w\" sizes=\"auto, (max-width: 576px) 100vw, 576px\" \/><\/a><\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Tutorial_1_Simple_Chart\">Charts<\/a><\/p>\n<p class=\"page-subheading\">\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How do I add a legend?<\/h2>\n<p class=\"intro-text\">Chart legends have a key that matches to the series by colour and series type (for example, a blue bar matching the blue bar series). You need to assign a <strong>Name<\/strong> to each of the chart's series, and then select the chart's <strong>Legend<\/strong> option.<\/p>\n<p class=\"intro-text\">Step 1: First click on the chart to configure it.<\/p>\n<p class=\"intro-text\">Step 2: Click a series to open it (for example, click <strong>Bar Series<\/strong>). Type a name in the <strong>Name<\/strong> edit box (or select a <strong>Variable<\/strong> from the variable drop-down list). The name should match the series' Y Column (for example, if the Y Column uses actual costs, you could type 'Actual' in the <strong>Name<\/strong> edit box).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23641 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name.png\" width=\"330\" height=\"271\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name.png 330w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name-150x123.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name-36x30.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-name-48x39.png 48w\" sizes=\"auto, (max-width: 330px) 100vw, 330px\" \/><\/a><\/p>\n<p class=\"intro-text\">Step 3: Do the same for any other series in the chart.<\/p>\n<p class=\"intro-text\">Step 4: Under <strong>Other<\/strong>, select the <strong>Legend<\/strong> check box. Optionally select a different <strong>Legend Position<\/strong>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23644 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1.png\" width=\"331\" height=\"246\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1.png 331w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1-150x111.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1-24x18.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1-36x27.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legend-Posistion-1-48x36.png 48w\" sizes=\"auto, (max-width: 331px) 100vw, 331px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legends.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23528 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Legends.png\" width=\"581\" height=\"178\" \/><\/a><\/p>\n<p class=\"note\">Tip: If the name of the series does not appear in the legend, check the properties for <em>Show Column Name, Name, <\/em>and<em> Name Column<\/em>, in the Series section. Here are some ways they can be configured:<\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">Show the name of the series in the legend.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-series.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27022\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-series.png\" alt=\"\" width=\"143\" height=\"67\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-series.png 143w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-series-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-series-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-series-48x22.png 48w\" sizes=\"auto, (max-width: 143px) 100vw, 143px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27011\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit.png\" alt=\"\" width=\"218\" height=\"44\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit.png 218w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-150x30.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-48x10.png 48w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">Show a name in the legend that is different to the series name. This overrides the 'Show Column Name' setting.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-name.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27021\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-name.png\" alt=\"\" width=\"122\" height=\"49\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-name.png 122w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-name-24x10.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-name-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-name-48x19.png 48w\" sizes=\"auto, (max-width: 122px) 100vw, 122px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27013\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit.png\" alt=\"\" width=\"305\" height=\"80\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit.png 305w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-150x39.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-48x13.png 48w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">For a split series, supply the name in the Name Column field.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27020\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide.png\" alt=\"\" width=\"166\" height=\"93\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide.png 166w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide-150x84.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colnamehide-48x27.png 48w\" sizes=\"auto, (max-width: 166px) 100vw, 166px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27017\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit.png\" alt=\"\" width=\"306\" height=\"116\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit.png 306w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-48x18.png 48w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">For a split series, the 'Show Column Name' setting appends the name of the series onto the name of the column.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27019\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname.png\" alt=\"\" width=\"166\" height=\"93\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname.png 166w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname-150x84.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-legend-colname-48x27.png 48w\" sizes=\"auto, (max-width: 166px) 100vw, 166px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27015\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit.png\" alt=\"\" width=\"309\" height=\"117\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit.png 309w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-48x18.png 48w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Other\">Charts<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How do I change a series?<\/h2>\n<p class=\"intro-text\">You can change an existing series in a chart. For example, change a bar series to a line series. Follow the steps below:<\/p>\n<p class=\"intro-text\">Step 1: First click on the chart to configure it.<\/p>\n<p class=\"intro-text\">Step 2: Click a series to open it (for example, click <strong>Bar Series<\/strong>). Select a different series type from the <strong>Type<\/strong> drop-down list.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23646 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type.png\" width=\"337\" height=\"209\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type.png 337w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type-150x93.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/select-a-new-series-type-48x30.png 48w\" sizes=\"auto, (max-width: 337px) 100vw, 337px\" \/><\/a><\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23530 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series.png\" width=\"571\" height=\"161\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series.png 571w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series-150x42.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series-24x7.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series-36x10.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Mixed-Series-48x14.png 48w\" sizes=\"auto, (max-width: 571px) 100vw, 571px\" \/><\/a><\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/\">Charts<\/a><\/p>\n<p class=\"page-subheading\">\u00a0<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">What is a Range Selector and how do I configure it?<\/h2>\n<p class=\"intro-text\">Range selectors allow the user to select a time or number range, and are only available for <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/discrete-versus-continuous-charts\/\">continuous<\/a> charts (x-axis data type is\u00a0<strong><em>Time <\/em><\/strong>or <strong><em>Number<\/em><\/strong>).\u00a0Range selectors are useful when linking charts\u00a0and provide a more rich, interactive experience with data.<\/p>\n<p class=\"intro-text\">The configuration options for a range selector are found in the '<strong>Other<\/strong>' properties of the range selector chart. The range selector then uses the <em>Highlight<\/em> properties of the linked chart.<\/p>\n<p class=\"left-bar-p2blue\">For a practical example of how to configure a range selector with a linked chart, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Part_1_Linked_Range_Selector_and_Hairline\">Chart tutorial 2 - Part 1<\/a>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range.png\" rel=\"lightbox-17\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27006\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range.png\" alt=\"\" width=\"814\" height=\"451\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range.png 814w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range-768x426.png 768w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range-150x83.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-range-48x27.png 48w\" sizes=\"auto, (max-width: 814px) 100vw, 814px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How do I enable a Hairline?<\/h2>\n<p class=\"intro-text\">A hairline shows the value of a data point at the x axis position that a user clicks, and is only available for <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/discrete-versus-continuous-charts\/\">continuous<\/a> charts (x-axis data type is\u00a0<strong><em>Time <\/em><\/strong>or <strong><em>Number<\/em><\/strong>). \u00a0The hairline shows the exact time and value of the data point.\u00a0Charts can be configured to add one, two, or more hairlines.\u00a0<\/p>\n<p class=\"left-bar-p2blue\">The configuration options for hairlines\u00a0are found in the '<strong>Other<\/strong>' properties of the chart.\u00a0For a practical example of how to enable hairlines on a chart, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Part_1_Linked_Range_Selector_and_Hairline\">Chart tutorial 2 - Part 1<\/a>.<\/p>\n<p class=\"intro-text\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/chart45-hairline.png\" \/><\/p>\n<p class=\"note\">Tip: If the name of the series does not appear in the hairline, check the properties for <em>Show Column Name, Name, <\/em>and<em> Name Column<\/em>, in the Series section. Here are some ways they can be configured:<\/p>\n<table>\n<tbody>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">Show the name of the series in the hairline.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname.png\" rel=\"lightbox-18\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27009\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname.png\" alt=\"\" width=\"321\" height=\"144\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname.png 321w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-150x67.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-48x22.png 48w\" sizes=\"auto, (max-width: 321px) 100vw, 321px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27011\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit.png\" alt=\"\" width=\"218\" height=\"44\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit.png 218w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-150x30.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-36x7.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-showcolname-edit-48x10.png 48w\" sizes=\"auto, (max-width: 218px) 100vw, 218px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">Show a name in the hairline that is different to the series name. This overrides the 'Show Column Name' setting.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name.png\" rel=\"lightbox-20\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27012\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name.png\" alt=\"\" width=\"308\" height=\"147\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name.png 308w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-150x72.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-48x23.png 48w\" sizes=\"auto, (max-width: 308px) 100vw, 308px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27013\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit.png\" alt=\"\" width=\"305\" height=\"80\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit.png 305w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-150x39.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-name-edit-48x13.png 48w\" sizes=\"auto, (max-width: 305px) 100vw, 305px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">For a split series, supply the name in the Name Column field.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide.png\" rel=\"lightbox-22\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27016\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide.png\" alt=\"\" width=\"235\" height=\"166\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide.png 235w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-150x106.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-24x17.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-48x34.png 48w\" sizes=\"auto, (max-width: 235px) 100vw, 235px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27017\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit.png\" alt=\"\" width=\"306\" height=\"116\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit.png 306w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecolhide-edit-48x18.png 48w\" sizes=\"auto, (max-width: 306px) 100vw, 306px\" \/><\/a><\/td>\n<\/tr>\n<tr style=\"border: 1px solid #cccccc;\">\n<td style=\"padding-left: 5px;\">For a split series, the 'Show Column Name' setting appends the name of the series onto the name of the column.<\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol.png\" rel=\"lightbox-24\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27014\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol.png\" alt=\"\" width=\"261\" height=\"165\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol.png 261w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-150x95.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-48x30.png 48w\" sizes=\"auto, (max-width: 261px) 100vw, 261px\" \/><\/a><\/td>\n<td><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-27015\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit.png\" alt=\"\" width=\"309\" height=\"117\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit.png 309w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-150x57.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-24x9.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-36x14.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/02\/chart-faq-hair-namecol-edit-48x18.png 48w\" sizes=\"auto, (max-width: 309px) 100vw, 309px\" \/><\/a><\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How do I enable Comments?<\/h2>\n<p class=\"intro-text\">Comments are observations made at a point in time that users can associate with a particular tag, entity, or entity attribute.\u00a0Comments are only available for continuous charts (x-axis data type is\u00a0<strong><em>Time <\/em><\/strong>or <strong><em>Number<\/em><\/strong>).<\/p>\n<p class=\"intro-text\">When comments are enabled on a chart, a <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-26884 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/comment-add-icon.png\" alt=\"\" width=\"17\" height=\"12\" \/>\u00a0symbol in the hairline indicates that users can click it to add a comment.<\/p>\n<p class=\"intro-text\">If a comment has been added, this is shown by a black comment symbol\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-4884 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/08\/image024.png\" alt=\"\" width=\"12\" height=\"10\" \/>\u00a0on the chart itself, at the point in time when the comment was added. Users can click the symbol to see the comments and add additional ones.<\/p>\n<p class=\"left-bar-p2blue\">The configuration options for comments are found in the '<strong>Other<\/strong>' properties of the chart.\u00a0For a practical example of how to enable comments\u00a0on a chart, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Part_2New_Data_with_Comments\">Chart tutorial 2 - Part 2<\/a>.<\/p>\n<p class=\"intro-text\"><img decoding=\"async\" class=\"alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2016\/08\/chart45-hairline-comments.png\" \/><\/p>\n<p class=\"left-bar\">Read more:\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/comments\/\">Using Comments for Collaboration<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">How do I add\u00a0links on the X Axis?<\/h2>\n<p class=\"intro-text\">The bar charts (bar and stacked bar) can be configured to allows users to drill down on a link in the X Axis. Depending on the configuration, clicking on an X Axis link opens an Explorer page, an existing trend, a new\u00a0trend, or an external URL.<\/p>\n<p class=\"intro-text\">The link can also be configured to pass variables\u00a0to the page\/trend\/URL; these can be values from the page, and can include contextual data, such as the selected X Axis value.<\/p>\n<p class=\"left-bar\">The configuration options for X Axis links\u00a0are found in the '<strong>X Axis<\/strong>' properties of the chart, and are only enabled when the X Axis has a data type of\u00a0<em>string<\/em> (discrete\u00a0charts).\u00a0For a practical example of how to create links on the X Axis, see\u00a0<a title=\"Tutorial - Part 3\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Part_2_X_Axis_Links_on_Bar_Chart\">Tutorial 1 - Part 2<\/a>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts.png\" rel=\"lightbox-26\"><img loading=\"lazy\" decoding=\"async\" width=\"383\" height=\"263\" class=\"wp-image-25309 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts.png\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts.png 383w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts-150x103.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts-36x25.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/03\/Bar-and-Stacked-Bar-Charts-48x33.png 48w\" sizes=\"auto, (max-width: 383px) 100vw, 383px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<h2 class=\"page-subheading\">How do I make a Sparkline?<\/h2>\n<p class=\"intro-text\">In Explorer, you can add a sparkline as part of a process mimic or schematic, or you can add it to a Table Layout to trend related data in a table.\u00a0You need to first configure a line chart to use data, and then configure its appearance to look like a sparkline, by removing gridlines and labels.<\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/sparklines\/\">Sparklines<\/a>, <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/\">Charts<\/a><\/p>\n<p>&nbsp;<\/p>\n<hr \/>\n<h2 class=\"page-subheading\">Release History<\/h2>\n<ul class=\"intro-text\">\n<li><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-resources\/faq-configuring-charts\/faq-configuring-charts-4-4-6\/\">FAQ - Configuring Charts 4.4.6\u00a0<\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This page answers frequently asked questions about configuring charts in Explorer Studio.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-resources\/faq-configuring-charts\/faq-configuring-charts-4-5-0\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":19276,"parent":24327,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[15,485],"class_list":["post-35606","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-charts-2","tag-faq","Version-4-5-0","Version-4-5-1","Version-4-5-2","Version-4-5-3","Version-4-5-4","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35606","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=35606"}],"version-history":[{"count":1,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35606\/revisions"}],"predecessor-version":[{"id":44716,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35606\/revisions\/44716"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/24327"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/19276"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=35606"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=35606"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=35606"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}