{"id":35526,"date":"2018-01-15T15:01:36","date_gmt":"2018-01-15T07:01:36","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=35526"},"modified":"2018-12-13T08:46:58","modified_gmt":"2018-12-13T00:46:58","slug":"discrete-versus-continuous-charts-4-5-4","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/discrete-versus-continuous-charts\/discrete-versus-continuous-charts-4-5-4\/","title":{"rendered":"Discrete Versus Continuous Charts (4.5.4)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to version 4.5.4 and earlier of P2 Explorer. For the latest, see\u00a0<a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/discrete-versus-continuous-charts\/\">Discrete Versus Continuous Charts<\/a>.\u00a0<\/p>\n<h2 class=\"page-subheading\">Overview<\/h2>\n<p class=\"intro-text\">Explorer Charts can be used to represent continuous data or discrete data.<\/p>\n<p class=\"intro-text\"><strong>Discrete Charts<\/strong> show chunks of data, across discrete X Axis values, using the <em>String\u00a0<\/em>data type to show values (for example: physical locations, time periods such as days or months, or products types).<\/p>\n<p class=\"intro-text\"><strong>Continuous Charts<\/strong> show data over X Axis points that can be <em>Time<\/em> or <em>Number<\/em> data types.<\/p>\n<h2 class=\"page-subheading\">Discrete Chart<\/h2>\n<p class=\"intro-text\">You can use any type of series for a discrete chart: line, bar, stacked bar, area or dot.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23452 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data.png\" width=\"484\" height=\"304\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data.png 484w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data-150x94.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data-36x23.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Discrete-Data-48x30.png 48w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/a><\/p>\n<p class=\"intro-text\">Features of a discrete chart:<\/p>\n<ul class=\"intro-text\">\n<li>Data retains the sort order from its dataset.<\/li>\n<li>Discrete charts have a tooltip option (selected by default).<\/li>\n<li>Discrete charts can be configured to drive a variable (when a user clicks an item on the X Axis).<\/li>\n<\/ul>\n<h2 class=\"page-subheading\">Continuous Chart<\/h2>\n<p class=\"intro-text\">A continuous chart is ideal for showing data trends, such as time-series data, or numeric data. Recommended series are line or area, as these incorporate a continuous line.\u00a0<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23451 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data.png\" width=\"437\" height=\"341\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data.png 437w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data-150x117.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data-24x19.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data-36x28.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Example-of-Continuous-Data-48x37.png 48w\" sizes=\"auto, (max-width: 437px) 100vw, 437px\" \/><\/a><\/p>\n<p class=\"intro-text\">Features of a continuous chart:<\/p>\n<ul class=\"intro-text\">\n<li>Data is ordered numerically (from lowest to highest) for a continuous chart that uses a <em>Numeric<\/em> X Axis.<\/li>\n<li>Data is ordered by date and time (from earliest to latest) for a continuous chart that uses a <em>Time<\/em> X Axis.<\/li>\n<li>Additional data points are interpolated, for a smooth curve or line. The number of data points depends on the sample interval (for example, 3600 <em>seconds<\/em>), and the method of interpolation depends on the sample method (for example, Average). For line and area charts, a variety of additional <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Interpolation_Options\">interpolation options<\/a> are available.\u00a0<\/li>\n<li>Continuous charts do <em>not<\/em> have a tooltip option.<\/li>\n<li>Continuous charts can be configured to have a <em>Range Selector<\/em> and also one or more <em>Hairlines<\/em>.<\/li>\n<\/ul>\n<hr \/>\n<h2 class=\"page-subheading\">Tutorials<\/h2>\n<p class=\"intro-text\">The following short tutorials demonstrate how to set up the two different types of chart. Note that in each case, the data used is appropriate to the type of chart.<\/p>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/\">Configuring Charts<\/a><\/p>\n<h3>Tutorial 1: Discrete Chart<\/h3>\n<p class=\"intro-text\">In this tutorial, we are using dataset data, to show in a discrete chart. We'll display the data in a Bar Series.<\/p>\n<p class=\"intro-text\">1. Create a new page in Studio.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23486 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page.png\" width=\"536\" height=\"112\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page.png 536w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page-150x31.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page-24x5.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page-36x8.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Page-48x10.png 48w\" sizes=\"auto, (max-width: 536px) 100vw, 536px\" \/><\/a><\/p>\n<p class=\"intro-text\">2. Drag a <strong>Bar Chart<\/strong> component onto the page (this is in the Chart group in the toolbox).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23510 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page.png\" width=\"697\" height=\"307\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page.png 697w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page-150x66.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Chart-on-Page-48x21.png 48w\" sizes=\"auto, (max-width: 697px) 100vw, 697px\" \/><\/a><\/p>\n<p class=\"intro-text\">3. Assign a dataset to the chart's <strong>Data<\/strong> property. In our example, we use the <em>ProductionDataByLevel<\/em> dataset query. Keep the Dataset Parameters blank (these have default values in the Dataset Query, in P2 Server Management).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23504 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset.png\" width=\"329\" height=\"420\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset.png 329w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset-118x150.png 118w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset-19x24.png 19w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset-28x36.png 28w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-Dataset-38x48.png 38w\" sizes=\"auto, (max-width: 329px) 100vw, 329px\" \/><\/a><\/p>\n<p class=\"intro-text\">4. Under <strong>Series<\/strong>, click <strong>Bar Series<\/strong> to configure the bar series.<\/p>\n<ul class=\"intro-text\">\n<li>Select <em>CostActualSum<\/em> as the (DataColumn) <strong>Y Column<\/strong>.<\/li>\n<li>Click <strong>Bar Series<\/strong> again to close this section.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23506 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series.png\" width=\"338\" height=\"167\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series.png 338w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series-150x74.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series-24x12.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series-36x18.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Bar-Series-48x24.png 48w\" sizes=\"auto, (max-width: 338px) 100vw, 338px\" \/><\/a><\/p>\n<p class=\"intro-text\">5. Under <strong>Axes<\/strong>, click <strong>X Axis<\/strong> to configure it.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23505 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset.png\" width=\"341\" height=\"152\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset.png 341w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset-150x67.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Asset-48x21.png 48w\" sizes=\"auto, (max-width: 341px) 100vw, 341px\" \/><\/a><\/p>\n<ul class=\"intro-text\">\n<li>Select <em>Asset<\/em> as the (DataColumn) <strong>Column<\/strong>.<\/li>\n<li>Select <em>String<\/em> as the <strong>Data Type<\/strong>. <strong>Note: <\/strong> <em>This is what makes the chart discrete.<\/em><\/li>\n<li>Click <strong>X Axis<\/strong> again to close this section.<\/li>\n<\/ul>\n<p class=\"intro-text\">That's it - you now have a <em>discrete chart<\/em>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23507 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip.png\" width=\"507\" height=\"288\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip.png 507w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip-150x85.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip-36x20.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Tooltip-48x27.png 48w\" sizes=\"auto, (max-width: 507px) 100vw, 507px\" \/><\/a><\/p>\n<ul class=\"intro-text\">\n<li>Click the Preview <img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-2896 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" \/> button on the Studio toolbar, to see what the chart looks like in display mode.<\/li>\n<li>Notice that the chart has a tooltip which includes the X Axis value, without requiring any further configuration.<\/li>\n<\/ul>\n<hr \/>\n<h3>Tutorial 2: Continuous Chart<\/h3>\n<p class=\"intro-text\">In this tutorial, we are using <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/glossary\/time-series-data\/\">time series data<\/a> from a tag, to show in a continuous chart. We'll display the data in a Line Series.<\/p>\n<p class=\"intro-text\">1. Drag a Line Chart component onto the page (this is in the Chart group in the toolbox).<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart.png\" rel=\"lightbox-8\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-23485 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart.png\" width=\"539\" height=\"319\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart.png 539w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart-150x89.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-a-line-chart-48x28.png 48w\" sizes=\"auto, (max-width: 539px) 100vw, 539px\" \/><\/a><\/p>\n<p class=\"intro-text\">2. Assign a tag to the chart's <strong>Data<\/strong> property. In our example, we use the <em>WindDirectionCalc<\/em> tag. Keep the other <strong>Data<\/strong> property defaults for the tag.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc.png\" rel=\"lightbox-9\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23476 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc.png\" width=\"335\" height=\"454\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc.png 335w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc-111x150.png 111w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc-18x24.png 18w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc-27x36.png 27w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Add-WindDirectionCalc-35x48.png 35w\" sizes=\"auto, (max-width: 335px) 100vw, 335px\" \/><\/a><\/p>\n<p class=\"intro-text\">3. Under <strong>Series<\/strong>, click <strong>Line Series<\/strong> to configure the line series.<\/p>\n<ul class=\"intro-text\">\n<li>Select <em>WindDirectionCalc<\/em> as the (DataColumn) <strong>Y Column<\/strong>.<\/li>\n<li>Click <strong>Line Series<\/strong> again to close this section.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Line-Series.png\" rel=\"lightbox-10\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23478 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Line-Series.png\" width=\"346\" height=\"199\" \/><\/a><\/p>\n<p class=\"intro-text\">4. Under <strong>Axes<\/strong>, click <strong>X Axis<\/strong> to configure it.<\/p>\n<ul class=\"intro-text\">\n<li>Select <em>Timestamp<\/em> as the (DataColumn) <strong>Column<\/strong>.<\/li>\n<li>Select <em>Time<\/em> as the <strong>Data Type<\/strong>. <strong>Note<\/strong>: <em>Continuous charts have a Time or Number data type on the X axis.<\/em><\/li>\n<li>Click <strong>X Axis<\/strong> again to close this section.<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis.png\" rel=\"lightbox-11\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23480 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis.png\" width=\"355\" height=\"165\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis.png 355w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis-150x70.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis-36x17.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/X-Axis-48x22.png 48w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p class=\"intro-text\">That's it - you now have a <em>continuous chart<\/em>. This is what it looks like when you click the Preview <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" rel=\"lightbox-12\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-2896\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/03\/preview.png\" alt=\"preview\" width=\"13\" height=\"14\" \/><\/a> button on the Studio toolbar.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag.png\" rel=\"lightbox-13\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23468 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag.png\" width=\"480\" height=\"215\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag.png 480w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag-150x67.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/New-Continuous-Chart-from-Tag-48x22.png 48w\" sizes=\"auto, (max-width: 480px) 100vw, 480px\" \/><\/a><\/p>\n<p class=\"intro-text\">Now configure the chart to have a hairline, and give the series a name to show in the hairline's information box.<\/p>\n<p class=\"intro-text\">5. Under <strong>Other<\/strong>, select <em>Single<\/em> for the <strong>Hairline Mode<\/strong>.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode.png\" rel=\"lightbox-14\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23477 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode.png\" width=\"355\" height=\"185\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode.png 355w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode-150x78.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode-24x13.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode-36x19.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Hairline-Mode-48x25.png 48w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p class=\"intro-text\">6. Click <strong>Line Series<\/strong> again to configure this, and select the <strong>Show Column Name<\/strong> checkbox.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name.png\" rel=\"lightbox-15\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23479 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name.png\" width=\"355\" height=\"211\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name.png 355w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name-150x89.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Show-Column-Name-48x29.png 48w\" sizes=\"auto, (max-width: 355px) 100vw, 355px\" \/><\/a><\/p>\n<p class=\"intro-text\">In preview mode, click the chart to show the hairline with its label:<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline.png\" rel=\"lightbox-16\"><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-23467 size-full alignnone\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline.png\" width=\"664\" height=\"291\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline.png 664w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline-150x66.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2017\/01\/Chart-with-hairline-48x21.png 48w\" sizes=\"auto, (max-width: 664px) 100vw, 664px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Explorer Charts can be used to represent Continuous Data or Discrete Data. Find out more about the two types, and how to configure each of them.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/all-about-charts\/discrete-versus-continuous-charts\/discrete-versus-continuous-charts-4-5-4\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":23572,"parent":23440,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[15,721,722],"class_list":["post-35526","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-charts-2","tag-continuous-data","tag-discrete-data","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\/35526","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=35526"}],"version-history":[{"count":0,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35526\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/23440"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/23572"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=35526"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=35526"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=35526"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}