{"id":3163,"date":"2017-03-20T12:53:09","date_gmt":"2017-03-20T12:53:09","guid":{"rendered":"https:\/\/www.anychart.com\/blog\/?p=3163"},"modified":"2017-03-20T13:08:00","modified_gmt":"2017-03-20T13:08:00","slug":"technical-support-dashboard-interactive-js","status":"publish","type":"post","link":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/","title":{"rendered":"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts"},"content":{"rendered":"<p><a href=\"https:\/\/www.anychart.com\/solutions\/technical-support-dashboard\"><img decoding=\"async\" class=\"alignnone wp-image-3168 size-full\" title=\"Click to see the interactive version of the Technical Support Dashboard sample created with AnyChart JavaScript Charts\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png\" alt=\"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png 1180w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects-300x265.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects-768x678.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects-1024x904.png 1024w\" sizes=\"(max-width: 1180px) 100vw, 1180px\" \/><\/a><strong>Technical Support Dashboard<\/strong> is a great tool to keep track of all the support and related activities in your company. It can be very helpful in both monitoring your support team&#8217;s performance and revealing issue patterns in customer requests for further use by product strategy and development officers. And when you already have data, all you need is to decide how to visualize it, preferably quickly, easily, and fully compatibly with your own corporate software.<\/p>\n<p>Now that the Web has completely adhered to the HTML5 standard, JavaScript charting libraries are the best type of solution for interactive data visualization. They can deliver all necessary dashboarding features and make the whole process of creating a dashboard for your web app pretty straightforward. Of course, you should just <a href=\"https:\/\/www.anychart.com\/blog\/2017\/03\/05\/how-to-choose-the-right-javascript-charting-component-10-factors-you-have-to-consider\/\" target=\"_blank\">choose a right JavaScript charting library<\/a> first that will entirely\u00a0comply with your specific data visualization objectives.<\/p>\n<p>But let&#8217;s get back to the very gist. Today we are glad to present the <strong><a href=\"https:\/\/www.anychart.com\/solutions\/technical-support-dashboard\" target=\"_blank\">Technical Support Dashboard<\/a><\/strong>\u00a0created with the\u00a0<a href=\"https:\/\/www.anychart.com\/products\/anychart\/overview\/\" target=\"_blank\">JavaScript charting library of AnyChart<\/a>. It is our new sample, available under the Apache 2.0 license, and you can feel free to make good use of it in your own business intelligence solutions. In particular, such a dashboard will help you fully control the support and make right data-driven decisions based on your data.<\/p>\n<p>Now let&#8217;s take a closer look at this cool (and helpful) interactive JavaScript (HTML5) dashboard.<\/p>\n<p><!--more--><\/p>\n<h3>Technical Support Dashboard: Composition<\/h3>\n<p>This interactive HTML5 dashboard consists of six JavaScript charts: one <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Line_Charts\/\" target=\"_blank\">line chart<\/a>, one stacked\u00a0<a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Column_Charts\/\" target=\"_blank\">column chart<\/a>, two <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Bar_Charts\/\" target=\"_blank\">bar charts<\/a>, and two\u00a0<a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/Pie_and_Donut_Charts\/\" target=\"_blank\">donut charts<\/a>.<\/p>\n<p>At the top of the visualization, we made\u00a0a box with a UI for easy date\/time range selection.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3181\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pick-range-for-support-dashboard-data.png\" alt=\"Pick Range for Viewable Data in Support Dashboard: Number of Tickets in Line Chart and Stacked Bar Chart\" width=\"70%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pick-range-for-support-dashboard-data.png 582w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pick-range-for-support-dashboard-data-300x54.png 300w\" sizes=\"(max-width: 582px) 100vw, 582px\" \/><\/p>\n<p>The first chart we actually see in this support dashboard is a line chart that displays the timeline of tickets. Each data point here is highlighted with a marker, so you can easily notice\u00a0how many calls, emails, requests from you site, and online chats your team processed on one day or another. Here you can instantly switch the view to the stacked column\u00a0chart, which can help you proceed from observing time-based trends to a more focus on the differences.\u00a0Hovering over a data point triggers an\u00a0appropriate <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Tooltip\" target=\"_blank\" rel=\"nofollow\">tooltip<\/a> to show up and provide additional information. The <a href=\"https:\/\/docs.anychart.com\/Common_Settings\/Legend\" target=\"_blank\" rel=\"nofollow\">legend<\/a> is also interactive: You can click the\u00a0items to show or hide one series or another.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full\" src=\"https:\/\/gifyu.com\/images\/fromsupportdashboardswitchinglineandstackedbarcharts3.gif\" alt=\"Interactive Dashboard of Technical Support: Number of Tickets in Line Chart and Stacked Bar Chart\" width=\"100%\" \/><\/p>\n<p>The second level of our technical support dashboard provides more insights into tickets. The donut\u00a0chart on your left\u00a0displays the share of overdue tickets in the total amount of tickets. The bar chart in the center allows you to reveal the most popular ticket subjects. And the donut chart on your right shows the composition of tickets by type of your customer they&#8217;ve come from.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3183\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pie-charts-and-bar-chart-for-support-dashboard.png\" alt=\"Donut (Pie) Charts and Bar Chart for Technical Support Dashboard\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pie-charts-and-bar-chart-for-support-dashboard.png 1079w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pie-charts-and-bar-chart-for-support-dashboard-300x117.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pie-charts-and-bar-chart-for-support-dashboard-768x300.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/pie-charts-and-bar-chart-for-support-dashboard-1024x400.png 1024w\" sizes=\"(max-width: 1079px) 100vw, 1079px\" \/><\/p>\n<p>The bottom section of this interactive JS dashboard represents staff-related data in a multi-series bar chart. Here you&#8217;ll be able to assess the performance of each of your technical support engineers by comparing their how many tickets they processed, opened, and escalated. Again, you can customize the view to focus on one specific ticket type or another by interacting with\u00a0the chart&#8217;s legend.<\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-3184\" src=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/bar-chart-for-support-dashboard.png\" alt=\"Bar Chart for Support Dashboard by AnyChart JS Charts\" width=\"100%\" srcset=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/bar-chart-for-support-dashboard.png 1077w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/bar-chart-for-support-dashboard-300x114.png 300w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/bar-chart-for-support-dashboard-768x293.png 768w, https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/bar-chart-for-support-dashboard-1024x391.png 1024w\" sizes=\"(max-width: 1077px) 100vw, 1077px\" \/><\/p>\n<h3>Technical Support Dashboard: Development<\/h3>\n<p>If right now you need to develop an HTML technical support dashboard, consider taking this sample as your first draft and then modify and customize it the way you want. You can check it out live, in the interactive version, <a href=\"https:\/\/www.anychart.com\/solutions\/technical-support-dashboard\" target=\"_blank\">right here on AnyChart.com<\/a>. And this support dashboard is waiting for your forks <a href=\"https:\/\/github.com\/anychart-solutions\/technical-support-dashboard\" target=\"_blank\" rel=\"nofollow\">on GitHub<\/a>, folks!<\/p>\n<p>And at all events, consider\u00a0<a href=\"https:\/\/www.anychart.com\/products\/anychart\/overview\/\" target=\"_blank\">AnyChart<\/a>\u00a0as a helper. It is known to be a very robust JavaScript library for building interactive dashboards just like any other chart-based data visualizations. Moreover, you can easily implement the <a href=\"https:\/\/www.anychart.com\/products\/anymap\/overview\/\" target=\"_blank\">AnyMap<\/a> and <a href=\"https:\/\/www.anychart.com\/products\/anystock\/overview\/\" target=\"_blank\">AnyStock<\/a> libraries along with AnyChart to provide your dashboard with\u00a0beautiful <a href=\"https:\/\/www.anychart.com\/products\/anymap\/gallery\/\" target=\"_blank\">JS maps<\/a> and <a href=\"https:\/\/www.anychart.com\/products\/anystock\/gallery\" target=\"_blank\">timeline data based charts<\/a> respectively, if you want. Check out the <a href=\"https:\/\/api.anychart.com\" target=\"_blank\" rel=\"nofollow\">JS Charts API Reference<\/a>\u00a0and <a href=\"https:\/\/docs.anychart.com\" target=\"_blank\" rel=\"nofollow\">Docs<\/a>\u00a0in which we explain everything in detail.<\/p>\n<p>You are always welcome to use other interactive dashboard samples from the\u00a0<a href=\"https:\/\/www.anychart.com\/solutions\" target=\"_blank\">Business Solutions<\/a> collection and chart galleries (e.g. see <a href=\"https:\/\/www.anychart.com\/products\/anychart\/gallery\/\" target=\"_blank\">AnyChart&#8217;s gallery<\/a>) for your own data visualization needs as well, when necessary. For example, we have\u00a0<a href=\"https:\/\/www.anychart.com\/solutions\/human-resources-dashboard\/\" target=\"_blank\">HR Dashboard<\/a>, <a href=\"https:\/\/www.anychart.com\/solutions\/investment-portfolio-dashboard\/\" target=\"_blank\">Investment Portfolio Dashboard<\/a>, <a href=\"https:\/\/www.anychart.com\/solutions\/cio-dashboard-solution\/\" target=\"_blank\">CIO Dashboard<\/a>, <a href=\"https:\/\/www.anychart.com\/solutions\/sales-dashboard-solution\/\" target=\"_blank\">Sales Dashboard<\/a>, <a href=\"https:\/\/www.anychart.com\/solutions\/web-audience\/\" target=\"_blank\">Web Analytics Dashboard<\/a>, and many other nice examples. This will help you keep the things even less time\u00a0(and effort) consuming.<\/p>\n<!-- AddThis Advanced Settings generic via filter on the_content --><!-- AddThis Share Buttons generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"<p>Technical Support Dashboard is a great tool to keep track of all the support and related activities in your company. It can be very helpful in both monitoring your support team&#8217;s performance and revealing issue patterns in customer requests for further use by product strategy and development officers. And when you already have data, all [&hellip;]<!-- AddThis Advanced Settings generic via filter on get_the_excerpt --><!-- AddThis Share Buttons generic via filter on get_the_excerpt --><\/p>\n","protected":false},"author":9,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,8,7,23,13],"tags":[53,70,71,35,160,49,54,177,103,55,77,79,80,36,141,81,57,76,58,65,56,78,64,84,176],"class_list":["post-3163","post","type-post","status-publish","format-standard","hentry","category-anychart-charting-component","category-business-intelligence","category-dashboards","category-html5","category-javascript","tag-anychart","tag-bar-chart","tag-bar-charts","tag-business-intelligence","tag-dashboard-design","tag-dashboards","tag-data-visualization","tag-donut-chart","tag-donut-charts","tag-html5-charts","tag-html5-dashboards","tag-interactive-html5-dashboard","tag-interactive-javascript-dashboard","tag-javascript","tag-javascript-charting","tag-javascript-charting-library","tag-javascript-charts","tag-javascript-dashboards","tag-js-chart","tag-js-charting","tag-js-charts","tag-js-dashboards","tag-pie-chart","tag-pie-charts","tag-technical-support-dashboard","wpautop"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Technical Support Dashboard with Interactive JavaScript (HTML5) Charts Powered by AnyChart<\/title>\n<meta name=\"description\" content=\"Technical Support Dashboard is ideal to keep track of support activities, helpful in monitoring support team performance &amp; revealing product issue patterns.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Technical Support Dashboard with Interactive JavaScript (HTML5) Charts Powered by AnyChart\" \/>\n<meta property=\"og:description\" content=\"Technical Support Dashboard is ideal to keep track of support activities, helpful in monitoring support team performance &amp; revealing product issue patterns.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\" \/>\n<meta property=\"og:site_name\" content=\"AnyChart News\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/AnyCharts\" \/>\n<meta property=\"article:published_time\" content=\"2017-03-20T12:53:09+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2017-03-20T13:08:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1180\" \/>\n\t<meta property=\"og:image:height\" content=\"1042\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"AnyChart Team\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:site\" content=\"@AnyChart\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"AnyChart Team\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\"},\"author\":{\"name\":\"AnyChart Team\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"headline\":\"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts\",\"datePublished\":\"2017-03-20T12:53:09+00:00\",\"dateModified\":\"2017-03-20T13:08:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\"},\"wordCount\":743,\"commentCount\":0,\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png\",\"keywords\":[\"AnyChart\",\"bar chart\",\"bar charts\",\"Business Intelligence\",\"dashboard design\",\"Dashboards\",\"Data Visualization\",\"donut chart\",\"donut charts\",\"html5 charts\",\"html5 dashboards\",\"interactive html5 dashboard\",\"interactive javascript dashboard\",\"JavaScript\",\"javascript charting\",\"JavaScript charting library\",\"javascript charts\",\"javascript dashboards\",\"js chart\",\"js charting\",\"js charts\",\"js dashboards\",\"pie chart\",\"pie charts\",\"technical support dashboard\"],\"articleSection\":[\"AnyChart Charting Component\",\"Business Intelligence\",\"Dashboards\",\"HTML5\",\"JavaScript\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\",\"url\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\",\"name\":\"Technical Support Dashboard with Interactive JavaScript (HTML5) Charts Powered by AnyChart\",\"isPartOf\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png\",\"datePublished\":\"2017-03-20T12:53:09+00:00\",\"dateModified\":\"2017-03-20T13:08:00+00:00\",\"author\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\"},\"description\":\"Technical Support Dashboard is ideal to keep track of support activities, helpful in monitoring support team performance & revealing product issue patterns.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage\",\"url\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png\",\"contentUrl\":\"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png\",\"width\":1180,\"height\":1042,\"caption\":\"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.anychart.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#website\",\"url\":\"https:\/\/www.anychart.com\/blog\/\",\"name\":\"AnyChart News\",\"description\":\"AnyChart JS Charts\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.anychart.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b\",\"name\":\"AnyChart Team\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g\",\"caption\":\"AnyChart Team\"},\"sameAs\":[\"https:\/\/www.anychart.com\"],\"url\":\"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Technical Support Dashboard with Interactive JavaScript (HTML5) Charts Powered by AnyChart","description":"Technical Support Dashboard is ideal to keep track of support activities, helpful in monitoring support team performance & revealing product issue patterns.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/","og_locale":"en_US","og_type":"article","og_title":"Technical Support Dashboard with Interactive JavaScript (HTML5) Charts Powered by AnyChart","og_description":"Technical Support Dashboard is ideal to keep track of support activities, helpful in monitoring support team performance & revealing product issue patterns.","og_url":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/","og_site_name":"AnyChart News","article_publisher":"https:\/\/www.facebook.com\/AnyCharts","article_published_time":"2017-03-20T12:53:09+00:00","article_modified_time":"2017-03-20T13:08:00+00:00","og_image":[{"width":1180,"height":1042,"url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png","type":"image\/png"}],"author":"AnyChart Team","twitter_card":"summary_large_image","twitter_creator":"@AnyChart","twitter_site":"@AnyChart","twitter_misc":{"Written by":"AnyChart Team","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#article","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/"},"author":{"name":"AnyChart Team","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"headline":"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts","datePublished":"2017-03-20T12:53:09+00:00","dateModified":"2017-03-20T13:08:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/"},"wordCount":743,"commentCount":0,"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png","keywords":["AnyChart","bar chart","bar charts","Business Intelligence","dashboard design","Dashboards","Data Visualization","donut chart","donut charts","html5 charts","html5 dashboards","interactive html5 dashboard","interactive javascript dashboard","JavaScript","javascript charting","JavaScript charting library","javascript charts","javascript dashboards","js chart","js charting","js charts","js dashboards","pie chart","pie charts","technical support dashboard"],"articleSection":["AnyChart Charting Component","Business Intelligence","Dashboards","HTML5","JavaScript"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/","url":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/","name":"Technical Support Dashboard with Interactive JavaScript (HTML5) Charts Powered by AnyChart","isPartOf":{"@id":"https:\/\/www.anychart.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage"},"image":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png","datePublished":"2017-03-20T12:53:09+00:00","dateModified":"2017-03-20T13:08:00+00:00","author":{"@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b"},"description":"Technical Support Dashboard is ideal to keep track of support activities, helpful in monitoring support team performance & revealing product issue patterns.","breadcrumb":{"@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#primaryimage","url":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png","contentUrl":"https:\/\/www.anychart.com\/blog\/wp-content\/uploads\/2017\/03\/technical-support-dashboard-with-anychart-javascript-charts-for-html5-web-projects.png","width":1180,"height":1042,"caption":"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts"},{"@type":"BreadcrumbList","@id":"https:\/\/www.anychart.com\/blog\/2017\/03\/20\/technical-support-dashboard-interactive-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.anychart.com\/blog\/"},{"@type":"ListItem","position":2,"name":"Interactive Technical Support Dashboard Created with AnyChart JavaScript (HTML5) Charts"}]},{"@type":"WebSite","@id":"https:\/\/www.anychart.com\/blog\/#website","url":"https:\/\/www.anychart.com\/blog\/","name":"AnyChart News","description":"AnyChart JS Charts","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.anychart.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/2470e26e58231357db6d9993ecd6461b","name":"AnyChart Team","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.anychart.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4faeb24a1b553a1b071b765bfad138c00441a955b3a631c7564624ceeafdf884?s=96&r=g","caption":"AnyChart Team"},"sameAs":["https:\/\/www.anychart.com"],"url":"https:\/\/www.anychart.com\/blog\/author\/andrey-khachaturov\/"}]}},"_links":{"self":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/3163","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/users\/9"}],"replies":[{"embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/comments?post=3163"}],"version-history":[{"count":26,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/3163\/revisions"}],"predecessor-version":[{"id":3193,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/posts\/3163\/revisions\/3193"}],"wp:attachment":[{"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/media?parent=3163"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/categories?post=3163"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.anychart.com\/blog\/wp-json\/wp\/v2\/tags?post=3163"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}