{"id":864,"date":"2011-01-05T03:45:31","date_gmt":"2011-01-05T09:45:31","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/docs\/?page_id=864"},"modified":"2021-10-01T15:00:10","modified_gmt":"2021-10-01T20:00:10","slug":"chartplot-tab","status":"publish","type":"ht_kb","link":"https:\/\/www.mrc-productivity.com\/docs\/knowledge-base\/chartplot-tab","title":{"rendered":"Chart\/Plot Tab"},"content":{"rendered":"\n<p>This tab is divided into 4 sections: Value Font, Thresholds, Value Formats, and Colors.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Value Font Tab<\/h2>\n\n\n\n<p>This tab handles the font settings of the value displayed for each item on the graph.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"\/docs\/vue-images\/chartValueFont.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>The font settings for the text of the value can be modified using these fields: <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Value Font<\/h3>\n\n\n\n<p>Available Fonts are<strong> Verdana, Helvetica, Arial, Times New Roman, Tahoma, <\/strong>and <strong>Sans-Serif<\/strong>. Sans-Serif will make the font be whatever the browser&#8217;s default Sans-Serif font is. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Value Font Style<\/h3>\n\n\n\n<p>This setting will make the font Normal, Bold, Italic, or both. The default &#8220;Normal&#8221; will leave the text without bold or italics. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Value Font Size<\/h3>\n\n\n\n<p>The font size can be raised or lowered here. By default it is set to 10 pt. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Value Font Color<\/h3>\n\n\n\n<p>The font color may be a 6-digit hexadecimal value or any of the 17 <a href=\"https:\/\/www.w3.org\/TR\/CSS21\/syndata.html#color-units\" target=\"_blank\" rel=\"noreferrer noopener\">HTML color names<\/a>. You can also click on the color wheel next to the text field to pick a color from a palette. <\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Show X Axis Item Values?<\/h3>\n\n\n\n<p>Yes On Top of Bar &#8212; Value appears at the top of a bar.<br>Yes, inside the bar &#8212; Values appears centered directly in the center of the bar (Shown in example).<br>No &#8212; Item value is not shown at all on the graph.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Threshold Tab<\/h2>\n\n\n\n<p>This tab deals with items placed into the &#8220;Others&#8221; category:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" src=\"\/docs\/vue-images\/chartThreshold.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>The <strong>Threshold<\/strong> value is a decimal percentage. If a field in the table has a value of less than the threshold&#8217;s percentage (the default is .02, or 2%) of the grand total, then it is placed into the &#8220;Others&#8221; category.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Value Formats Tab<\/h2>\n\n\n\n<p>This allows you to change the format in which the graph displays your value; it will allow you to insert commas, dollar signs, zero fields, etc. into your number. It operates similarly to the Format option in Field Settings. It is most different in that it uses # signs instead of nines to delineate fields that remain the same. Here are a few examples to show how different patterns behave.<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Database Value<\/strong><\/td><td><strong>Value Pattern<\/strong><\/td><td><strong>Display<\/strong><\/td><\/tr><tr><td>12345.678<\/td><td>#,##0.00#<\/td><td>12340.008<\/td><\/tr><tr><td>12345<\/td><td>#,##0.00#<\/td><td>12340.00<\/td><\/tr><tr><td>12345.678<\/td><td>$#,###<\/td><td>12345<\/td><\/tr><tr><td>12345<\/td><td>###.000%<\/td><td>12345.000%<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p>The Percent Pattern is used with pie charts, and operates the same way as the Value Pattern, but deals with the percentage of the pie instead of the data value. The locations of the Percentage and Value Patterns in pie charts are governed by the <a href=\"https:\/\/www.mrc-productivity.com\/docs\/graphs\/options-tab\/chart-type-specific-options\/2d-pie-options-tab\">2D Pie<\/a> and <a href=\"https:\/\/www.mrc-productivity.com\/docs\/graphs\/options-tab\/chart-type-specific-options\/3d-pie-options-tab\">3D Pie<\/a> Chart Options tabs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Colors Tab<\/h2>\n\n\n\n<p>This tab is where you set the colors for your graph and its series.<\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-alert\">In order to customize the colors, the default &#8216;mrc&#8217; chart theme will need to be removed. Open the report&#8217;s Application Properties -&gt; Graph -&gt; Chart Theme. Remove the &#8216;mrc&#8217; value. Save and continue with the following instructions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Series Colors<\/h3>\n\n\n\n<p>This section allows you to override the default colors for your series. To override these settings, change <strong>Use Defaults?<\/strong> to &#8220;No.&#8221; To add a color, type in either the 6-digit hexadecimal value of the color or any of the 17 <a href=\"https:\/\/www.w3.org\/TR\/CSS21\/syndata.html#color-units\">HTML color names<\/a>. You can also click on the color wheel next to the text field to pick a color from a palette. Then click and drag the color preview to the selected colors list.<\/p>\n\n\n\n<p>The colors also can be rearranged by dragging them into the desired order in the selected colors list.<\/p>\n\n\n\n<div class=\"wp-block-ht-blocks-tabs wp-block-hb-tabs\"><ul class=\"wp-block-hb-tabs__nav\" role=\"tablist\"><li class=\"wp-block-hb-tabs__head\" data-tab=\"tabs-0\" data-hb-tabs-tab--state=\"active\"><span class=\"wp-block-hb-tabs__head_item\" for=\"tab0\">Use Defaults<\/span><\/li><li class=\"wp-block-hb-tabs__head\" data-tab=\"tabs-1\" data-hb-tabs-tab--state=\"inactive\"><span class=\"wp-block-hb-tabs__head_item\" for=\"tab1\">Series Colors<\/span><\/li><\/ul><div id=\"tabs-0\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"active\"><p><img decoding=\"async\" class=\"border\" src=\"\/docs\/images\/usedefaultcolors.jpg\"><br><img decoding=\"async\" src=\"\/docs\/vue-images\/chartDefaultColorsRuntime.jpg\" alt=\"\"><br><br><\/p><\/div><div id=\"tabs-1\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"inactive\"><p><img decoding=\"async\" src=\"\/docs\/vue-images\/chartSeriesColors.jpg\" alt=\"\"><img decoding=\"async\" src=\"\/docs\/vue-images\/chartSeriesColorsRuntime.jpg\" alt=\"\"><\/p><\/div><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Chart and Plot Background Colors<\/h3>\n\n\n\n<p>These options will allow you to change the background of the chart and the plot:<\/p>\n\n\n\n<div class=\"wp-block-ht-blocks-tabs wp-block-hb-tabs\"><ul class=\"wp-block-hb-tabs__nav\" role=\"tablist\"><li class=\"wp-block-hb-tabs__head\" data-tab=\"tabs-0\" data-hb-tabs-tab--state=\"active\"><span class=\"wp-block-hb-tabs__head_item\" for=\"tab0\">Chart<\/span><\/li><li class=\"wp-block-hb-tabs__head\" data-tab=\"tabs-1\" data-hb-tabs-tab--state=\"inactive\"><span class=\"wp-block-hb-tabs__head_item\" for=\"tab1\">Plot<\/span><\/li><\/ul><div id=\"tabs-0\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"active\"><p><br>The following red background color is the &#8220;Chart&#8221; section:<br><img decoding=\"async\" src=\"\/docs\/vue-images\/backgroundChart.jpg\"><\/p><\/div><div id=\"tabs-1\" class=\"wp-block-hb-tabs__content\" role=\"tabpanel\" data-hb-tabs-tab--state=\"inactive\"><p><br>The following red background color is the &#8220;Plot&#8221; section:<br><img decoding=\"async\" src=\"\/docs\/vue-images\/backgroundPlot.jpg\"><\/p><\/div><\/div>\n\n\n\n<p>You can again type in a 6-digit hexadecimal value, the 17 <a href=\"https:\/\/www.w3.org\/TR\/CSS21\/syndata.html#color-units\">HTML color names<\/a>, or use the color wheel to select a color from a palette.<\/p>\n\n\n\n<p>The background is designed to work with a color gradient, so you can blend up to two colors in your background. <\/p>\n\n\n\n<p><img decoding=\"async\" src=\"\/docs\/vue-images\/chartBackgroundColors.jpg\" alt=\"\"><\/p>\n\n\n\n<p><img decoding=\"async\" src=\"\/docs\/vue-images\/backgroundColors.jpg\" alt=\"\"><\/p>\n\n\n\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\">To use only one color, simply make both colors the same.<\/p>\n\n\n\n<p><img decoding=\"async\" src=\"\/docs\/vue-images\/chartBackgroundColors2.jpg\" alt=\"\"><\/p>\n\n\n\n<p><img decoding=\"async\" src=\"\/docs\/vue-images\/backgroundColors2.jpg\" alt=\"\"><\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tab is divided into 4 sections: Value Font, Thresholds, Value Formats, and Colors. Value Font Tab This tab handles the font settings of the value displayed for each item on the graph. The font settings for the text of the value can be modified using these fields: Value Font&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[267],"ht-kb-tag":[],"class_list":["post-864","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-graphing-options"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/864","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb"}],"about":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/types\/ht_kb"}],"author":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/comments?post=864"}],"version-history":[{"count":31,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/864\/revisions"}],"predecessor-version":[{"id":12573,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/864\/revisions\/12573"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/media?parent=864"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=864"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=864"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}