{"id":35337,"date":"2018-01-12T08:22:41","date_gmt":"2018-01-12T00:22:41","guid":{"rendered":"http:\/\/localhost\/help\/?page_id=35337"},"modified":"2025-10-08T19:49:41","modified_gmt":"2025-10-08T11:49:41","slug":"hairlines-4-5-5","status":"publish","type":"page","link":"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/hairlines-4-5-5\/","title":{"rendered":"Hairlines (4.5.5)"},"content":{"rendered":"\n<p class=\"left-bar\">This article applies to P2 Explorer version 4.5.5 and later. For the latest help, see <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\">Hairlines<\/a>.<\/p>\n<p class=\"intro-text\">The hairline allows you to see the data values on a <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/charts\/\">chart<\/a> or <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/creating-a-trend\/\">trend<\/a>, at a particular point in time.<\/p>\n<h2 class=\"page-subheading\">Hairline Features<\/h2>\n<p class=\"intro-text\">The hairline shows:<\/p>\n<ul class=\"intro-text\">\n<li>The timestamp of the data point<\/li>\n<li>The current value of the trace or series<\/li>\n<li>The name of the trace or series<\/li>\n<li>Comments (if enabled)<\/li>\n<li>The difference between hairline values (for two or more hairlines)<\/li>\n<\/ul>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455.png\" rel=\"lightbox-0\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36693 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455.png\" alt=\"\" width=\"624\" height=\"280\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455.png 624w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455-150x67.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455-24x11.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455-36x16.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline455-48x22.png 48w\" sizes=\"auto, (max-width: 624px) 100vw, 624px\" \/><\/a><\/p>\n<p class=\"intro-text\">The information box is coloured to match the colour of the trace\/series.<\/p>\n<p class=\"intro-text\">Initially, the information box shows only 3 items: the data value, the value difference, and the comment icon.<\/p>\n<p class=\"note\">Note: The\u00a0<strong>Value Difference<\/strong>\u00a0is only displayed when there are two or more hairlines.<\/p>\n<p class=\"intro-text\">When you hover over the box, it expands to show the name of the data item.<\/p>\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012.png\" rel=\"lightbox-1\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36632\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012.png\" alt=\"\" width=\"388\" height=\"100\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012.png 388w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012-150x39.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012-24x6.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012-36x9.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/image012-48x12.png 48w\" sizes=\"auto, (max-width: 388px) 100vw, 388px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Hairline Behaviour<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>For dot series, interpolation for values in hairlines is <em>Last Known Value<\/em>.\u00a0<\/li>\n<li>If a series\/trace contains no value (or a null value), the information box will not appear.\u00a0<\/li>\n<li>The comment icon is only visible when comments have been enabled in the <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/explorer-studio\/controls\/charts\/#Other\">chart<\/a> or <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/creating-a-trend\/#Tutorial_4_Hairline_and_Comments\">trend<\/a>.<\/li>\n<\/ul>\n<hr \/>\n<h2 class=\"page-subheading\">Interacting with a Hairline<\/h2>\n<p class=\"intro-text\"><strong>Add a hairline<\/strong><\/p>\n<ul class=\"intro-text\">\n<li class=\"intro-text\">Click on a hairline-enabled chart or trend.\u00a0The hairline is added where you click.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add.png\" rel=\"lightbox-2\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36696 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add.png\" alt=\"\" width=\"345\" height=\"227\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add.png 345w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add-150x99.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-add-48x32.png 48w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Hover<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>Hover over a data item's information box to see more information on the data item.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover.png\" rel=\"lightbox-3\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36699 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover.png\" alt=\"\" width=\"360\" height=\"294\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover.png 360w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover-150x123.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover-24x20.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover-36x29.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-hover-48x39.png 48w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Select an axis<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>When both Y Axes are enabled, hovering over one of the axes causes the hairline on the non-selected axis to fade.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455.png\" rel=\"lightbox-4\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-36694\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455.png\" alt=\"\" width=\"368\" height=\"245\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455.png 368w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455-150x100.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-hover-axis-455-48x32.png 48w\" sizes=\"auto, (max-width: 368px) 100vw, 368px\" \/><\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p class=\"intro-text\"><strong>Add comments<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>Click the <strong>comment<\/strong>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-8141 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2015\/11\/commenticonempty.png\" alt=\"\" width=\"15\" height=\"12\" \/> icon to add a view or add comments for the data item.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment.png\" rel=\"lightbox-5\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36695 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment.png\" alt=\"\" width=\"677\" height=\"402\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment.png 677w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment-150x89.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment-24x14.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment-36x21.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-comment-48x29.png 48w\" sizes=\"auto, (max-width: 677px) 100vw, 677px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"left-bar\">Read more: <a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/using-the-page-controls\/comments\/\">Using Comments for Collaboration<\/a><\/p>\n<p class=\"intro-text\"><strong> <br \/>\nMove a hairline <\/strong><\/p>\n<ul class=\"intro-text\">\n<li>To move a hairline left or right, click the hairline and drag it to the left or right.<\/li>\n<li>When you move hairlines so that they approach each other, the information box flips so that the values are not obscured.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move.png\" rel=\"lightbox-6\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36697 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move.png\" alt=\"\" width=\"450\" height=\"273\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move.png 450w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move-150x91.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move-24x15.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move-36x22.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-move-48x29.png 48w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/li>\n<\/ul>\n<p class=\"intro-text\"><strong>Close a hairline<\/strong><\/p>\n<ul class=\"intro-text\">\n<li>Click the <strong>Close<\/strong>\u00a0<img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-35354 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/01\/hairline-close-icon.png\" alt=\"\" width=\"9\" height=\"8\" \/> button at the end of the timestamp box.\n<p><a href=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close.png\" rel=\"lightbox-7\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone wp-image-36698 size-full\" src=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close.png\" alt=\"\" width=\"345\" height=\"227\" srcset=\"https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close.png 345w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close-150x99.png 150w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close-24x16.png 24w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close-36x24.png 36w, https:\/\/oihelp.corporate.ifs.com\/help\/wp-content\/uploads\/2018\/02\/hairline-455-close-48x32.png 48w\" sizes=\"auto, (max-width: 345px) 100vw, 345px\" \/><\/a><\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>The hairline allows you to see the data values on a chart or trend, at a particular point in time. This article describes the features of a hairline.<\/p>\n<p class=\"continue-reading-button\"> <a class=\"continue-reading-link\" href=\"https:\/\/oihelp.corporate.ifs.com\/help\/p2-explorer\/trends\/hairlines\/hairlines-4-5-5\/\">Read more<i class=\"crycon-right-dir\"><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":35361,"parent":38779,"menu_order":20,"comment_status":"open","ping_status":"closed","template":"","meta":{"footnotes":"","_members_access_role":[],"_members_access_error":""},"categories":[4],"tags":[15,326,316],"class_list":["post-35337","page","type-page","status-publish","has-post-thumbnail","hentry","category-explainer","tag-charts-2","tag-hairlines","tag-trends","Version-4-5-5","Product-ex"],"_links":{"self":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35337","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=35337"}],"version-history":[{"count":2,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35337\/revisions"}],"predecessor-version":[{"id":69384,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/35337\/revisions\/69384"}],"up":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/pages\/38779"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media\/35361"}],"wp:attachment":[{"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/media?parent=35337"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/categories?post=35337"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/oihelp.corporate.ifs.com\/help\/wp-json\/wp\/v2\/tags?post=35337"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}