{"id":1079,"date":"2008-09-26T03:45:33","date_gmt":"2008-09-26T08:45:33","guid":{"rendered":"http:\/\/www.mrc-productivity.com\/docs\/?page_id=1079"},"modified":"2024-08-20T11:42:05","modified_gmt":"2024-08-20T16:42:05","slug":"how-to-create-a-speedometer-chart","status":"publish","type":"ht_kb","link":"https:\/\/www.mrc-productivity.com\/docs\/knowledge-base\/how-to-create-a-speedometer-chart","title":{"rendered":"Create a Speedometer Chart"},"content":{"rendered":"\n<p class=\"wp-block-ht-blocks-messages wp-block-hb-message wp-block-hb-message--withicon is-style-info\"><em>Click <a rel=\"noreferrer noopener\" href=\"https:\/\/www.mrc-productivity.com\/legacy\/graphs\/how-to-create-a-speedometer-chart\" target=\"_blank\">here<\/a> to access the legacy version of this documentation.<\/em><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Overview<\/h2>\n\n\n\n<p>A speedometer graph is a great tool to help visualize percentages, as well as other fixed-range amounts for end users. They can also be color coded (see below), so that certain ranges are categorized with different colors. Speedometers can even be used to graph multiple sets of data, with multiple needles pointing to your data. However, for this tutorial, we will focus on a single set of data.<\/p>\n\n\n\n<p>Below is an example of a speedometer where the data is a percentage (perfect for a pre-defined range from 0 to 100) of how many calls are resolved the same day. As the data fluctuates, so does the needle.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/percentcallsclosedsameday.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<div class=\"wp-block-group\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<h2 class=\"wp-block-heading\">Graph Properties<\/h2>\n\n\n\n<p>Setting up the speedometer is simple and will only take a few minutes.<\/p>\n\n\n\n<p>Generate, build, and compile a report as usual. Be sure to select the Report with Graph template.<\/p>\n\n\n\n<p>Open m-Painter. You should see a screen similar to this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/speedometermpainter.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li class=\"padleft\">Right-click on the bar graph and select &#8220;Graph Properties&#8221;.<\/li><li class=\"padleft\">Select &#8220;Gauge&#8221; from the &#8220;Gauges&#8221; tab.<\/li><li class=\"padleft\">Click the &#8220;Fields&#8221; tab and drag the appropriate field to the right side.<\/li><li class=\"padleft\">Click the &#8220;Levels&#8221; tab and select the &#8220;Grand Total Level&#8221;.<\/li><\/ol>\n\n\n\n<p><strong>Optional:<\/strong> Under the &#8220;Descriptions&#8221; tab, you can set ranges and color code each range.<\/p>\n<\/div><\/div>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/speedometer1.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<p>Under the &#8220;Options&#8221; tab, there is a section titled &#8220;Speedometer Options&#8221;. Here you can alter Speedometer-specific options such as the needle color, amongst other properties.<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/speedometer2.jpg\" alt=\"\"\/><\/figure>\n\n\n\n<ol class=\"wp-block-list\"><li class=\"padleft\">Click &#8220;OK&#8221; &amp; save.<\/li><\/ol>\n\n\n\n<h2 class=\"wp-block-heading\">Runtime Usage<\/h2>\n\n\n\n<p>At run-time, you will see a graph similar to this:<\/p>\n\n\n\n<figure class=\"wp-block-image\"><img decoding=\"async\" src=\"\/docs\/vue-images\/speedometeredge.jpg\" alt=\"\"\/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Overview A speedometer graph is a great tool to help visualize percentages, as well as other fixed-range amounts for end users. They can also be color coded (see below), so that certain ranges are categorized with different colors. Speedometers can even be used to graph multiple sets of data, with&#8230;<\/p>\n","protected":false},"author":1,"comment_status":"closed","ping_status":"closed","template":"","format":"standard","meta":{"footnotes":""},"ht-kb-category":[307],"ht-kb-tag":[],"class_list":["post-1079","ht_kb","type-ht_kb","status-publish","format-standard","hentry","ht_kb_category-legacy-charting"],"_links":{"self":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1079","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=1079"}],"version-history":[{"count":11,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1079\/revisions"}],"predecessor-version":[{"id":12369,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb\/1079\/revisions\/12369"}],"wp:attachment":[{"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/media?parent=1079"}],"wp:term":[{"taxonomy":"ht_kb_category","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-category?post=1079"},{"taxonomy":"ht_kb_tag","embeddable":true,"href":"https:\/\/www.mrc-productivity.com\/docs\/wp-json\/wp\/v2\/ht-kb-tag?post=1079"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}