{"id":2147,"date":"2012-01-25T14:44:44","date_gmt":"2012-01-25T09:14:44","guid":{"rendered":"http:\/\/blog.fusioncharts.com\/?p=2147"},"modified":"2026-01-20T14:41:11","modified_gmt":"2026-01-20T09:11:11","slug":"javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt","status":"publish","type":"post","link":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/","title":{"rendered":"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS"},"content":{"rendered":"<p>Last quarter, we <a title=\"What's new in FusionCharts XT?\" href=\"https:\/\/www.fusioncharts.com\/whats-new\/\" target=\"_blank\" rel=\"noopener\">released FusionCharts XT<\/a> with enhanced <a href=\"https:\/\/www.fusioncharts.com\">JavaScript charts<\/a> to bring a delightful and homogeneous charting experience across PCs, Macs, iOS and Android devices. Continuing our quest to bring rich visualizations to users across platforms and devices, we now present to you FusionWidgets XT.<\/p>\n<p>All the gauges, funnel and pyramid charts, sparklines and bullet graphs that you have been relishing till now in Flash are now available for your use in JavaScript, enabling you to build dashboards that now work seamlessly on iPads and iPhones as well.<\/p>\n<p><!--more--><\/p>\n<figure id=\"attachment_2150\" aria-describedby=\"caption-attachment-2150\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a title=\"Click to view KPI Dashboard live in action\" href=\"https:\/\/www.fusioncharts.com\/charts#kpi-dashboard\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2150\" title=\"KPI Dashboard\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\" alt=\"KPI Dashboard from FusionWidgets XT\" width=\"600\" height=\"800\" srcset=\"\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg 600w, \/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts-113x150.jpg 113w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-2150\" class=\"wp-caption-text\">Funnel, Pyramid, Column Charts and Cylinder Gauge used in a KPI Dashboard<\/figcaption><\/figure>\n<h2>The best of both worlds<\/h2>\n<p>The JavaScript version of the widgets are similar to the ones in Flash, both functionally and visually. On top of that, the long awaited capabilities like dynamic resize of gauges, support for JSON data, powerful JavaScript API and enhanced options for background images have been added as part of the new XT framework of FusionCharts Suite.<\/p>\n<p>Like the Flash version, the gauges support real-time update that allow them to fetch new data from server automatically at pre-configured intervals. This is useful in monitoring applications where you need to show latest values without refreshing the page.<\/p>\n<figure id=\"attachment_2153\" aria-describedby=\"caption-attachment-2153\" style=\"width: 484px\" class=\"wp-caption aligncenter\"><a title=\"Click to view angular\/dial gauge in action\" href=\"https:\/\/www.fusioncharts.com\/explore\/angular_14\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2153\" title=\"Angular\/dial gauge\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/JavaScript_Gauge_dial.jpg\" alt=\"Angular\/dial gauge from FusionWidgets\" width=\"484\" height=\"486\" srcset=\"\/blog\/wp-content\/uploads\/2012\/01\/JavaScript_Gauge_dial.jpg 484w, \/blog\/wp-content\/uploads\/2012\/01\/JavaScript_Gauge_dial-150x150.jpg 150w\" sizes=\"auto, (max-width: 484px) 100vw, 484px\" \/><\/a><figcaption id=\"caption-attachment-2153\" class=\"wp-caption-text\">Click on the gauge to see it in action<\/figcaption><\/figure>\n<figure id=\"attachment_2154\" aria-describedby=\"caption-attachment-2154\" style=\"width: 418px\" class=\"wp-caption aligncenter\"><a title=\"Real-time thermometer gauge\" href=\"https:\/\/www.fusioncharts.com\/explore\/tem_17\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2154\" title=\"Thermometer Gauge\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/JavaScript_Thermometer.jpg\" alt=\"Thermometer Gauge from FusionWidgets XT\" width=\"418\" height=\"536\" srcset=\"\/blog\/wp-content\/uploads\/2012\/01\/JavaScript_Thermometer.jpg 418w, \/blog\/wp-content\/uploads\/2012\/01\/JavaScript_Thermometer-117x150.jpg 117w\" sizes=\"auto, (max-width: 418px) 100vw, 418px\" \/><\/a><figcaption id=\"caption-attachment-2154\" class=\"wp-caption-text\">Click on the gauge to see it in action<\/figcaption><\/figure>\n<p>The bullet graphs, used for creating compact executive dashboards, also have a JavaScript avatar now.<\/p>\n<figure id=\"attachment_2149\" aria-describedby=\"caption-attachment-2149\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a title=\"Compact Executive Dashboards\" href=\"https:\/\/www.fusioncharts.com\/charts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2149\" title=\"Compact Executive Dashboard\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Bullet_Graphs.jpg\" alt=\"Compact Executive Dashboard built using FusionWidgets XT, using Bullet Graphs and Spark Charts\" width=\"600\" height=\"450\" srcset=\"\/blog\/wp-content\/uploads\/2012\/01\/Bullet_Graphs.jpg 600w, \/blog\/wp-content\/uploads\/2012\/01\/Bullet_Graphs-150x113.jpg 150w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-2149\" class=\"wp-caption-text\">Compact Executive Dashboard<\/figcaption><\/figure>\n<p>Spark charts, compact forms of line and column charts, work great when you need to display a lot of charts in a page that has limited space.<\/p>\n<figure id=\"attachment_2155\" aria-describedby=\"caption-attachment-2155\" style=\"width: 600px\" class=\"wp-caption aligncenter\"><a title=\"Spark Charts\" href=\"https:\/\/www.fusioncharts.com\/charts\" target=\"_blank\" rel=\"noopener\"><img loading=\"lazy\" decoding=\"async\" class=\"size-full wp-image-2155\" title=\"Compact dashboard with Spark Column Charts\" src=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Spark_Column_charts.jpg\" alt=\"Compact dashboard with Spark Column Charts from FusionWidgets XT\" width=\"600\" height=\"800\" srcset=\"\/blog\/wp-content\/uploads\/2012\/01\/Spark_Column_charts.jpg 600w, \/blog\/wp-content\/uploads\/2012\/01\/Spark_Column_charts-113x150.jpg 113w\" sizes=\"auto, (max-width: 600px) 100vw, 600px\" \/><\/a><figcaption id=\"caption-attachment-2155\" class=\"wp-caption-text\">Compact dashboard with Spark Column Charts<\/figcaption><\/figure>\n<p>Know more about the new features of XT framework <a title=\"What's new in XT series?\" href=\"https:\/\/www.fusioncharts.com\/whats-new\/\" target=\"_blank\" rel=\"noopener\">here<\/a>, or <a title=\"Real-life business demos of FusionCharts XT and FusionWidgets XT\" href=\"https:\/\/www.fusioncharts.com\/dashboards\/\" target=\"_blank\" rel=\"noopener\">see them in action here<\/a>.<\/p>\n<p>Get your copy of FusionWidgets XT trial from <a title=\"Download trial of FusionCharts Suite\" href=\"https:\/\/www.fusioncharts.com\/download\/\" target=\"_blank\" rel=\"noopener\">our download center here<\/a>. Or, if you are an existing FusionCharts customer and have an <a title=\"FusionCharts Support &amp; Upgrades Subscription\" href=\"https:\/\/cart.fusioncharts.com\/\" target=\"_blank\" rel=\"noopener\">active Support &amp; Upgrade Subscription<\/a>, you can <a title=\"Upgrade to FusionWidgets XT\" href=\"https:\/\/puc.fusioncharts.com\/\" target=\"_blank\" rel=\"noopener\">download the free upgrade here<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Last quarter, we released FusionCharts XT with enhanced JavaScript charts to bring a delightful and homogeneous charting experience across PCs, Macs, iOS and Android devices. Continuing our quest to bring rich visualizations to users across platforms and devices, we now present to you FusionWidgets XT. All the gauges, funnel and pyramid charts, sparklines and bullet [&hellip;]<\/p>\n","protected":false},"author":8,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[16],"tags":[136,211,311],"coauthors":[719],"class_list":["post-2147","post","type-post","status-publish","format-standard","hentry","category-news-announcements","tag-features","tag-javascript","tag-release"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.1 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS<\/title>\n<meta name=\"description\" content=\"FusionWidgets XT now includes JavaScript gauges, funnel charts, and bullet graphs. Explore these new chart types and learn how to add them to your data dashboards today.\" \/>\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.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS\" \/>\n<meta property=\"og:description\" content=\"FusionWidgets XT now includes JavaScript gauges, funnel charts, and bullet graphs. Explore these new chart types and learn how to add them to your data dashboards today.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\" \/>\n<meta property=\"og:site_name\" content=\"FusionBrew - The FusionCharts Blog\" \/>\n<meta property=\"article:published_time\" content=\"2012-01-25T09:14:44+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-01-20T09:11:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"600\" \/>\n\t<meta property=\"og:image:height\" content=\"800\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Pallav Nadhani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Pallav Nadhani\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\n\t    \"@context\": \"https:\/\/schema.org\",\n\t    \"@graph\": [\n\t        {\n\t            \"@type\": \"Article\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#article\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\"\n\t            },\n\t            \"author\": {\n\t                \"name\": \"Pallav Nadhani\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/4d0e317dfb030baaa2fd32157bfe5d2b\"\n\t            },\n\t            \"headline\": \"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS\",\n\t            \"datePublished\": \"2012-01-25T09:14:44+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:11:11+00:00\",\n\t            \"mainEntityOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\"\n\t            },\n\t            \"wordCount\": 363,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\",\n\t            \"keywords\": [\n\t                \"features\",\n\t                \"javascript\",\n\t                \"release\"\n\t            ],\n\t            \"articleSection\": [\n\t                \"News &amp; Announcements\"\n\t            ],\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"CommentAction\",\n\t                    \"name\": \"Comment\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#respond\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebPage\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\",\n\t            \"name\": \"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\"\n\t            },\n\t            \"primaryImageOfPage\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage\"\n\t            },\n\t            \"thumbnailUrl\": \"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\",\n\t            \"datePublished\": \"2012-01-25T09:14:44+00:00\",\n\t            \"dateModified\": \"2026-01-20T09:11:11+00:00\",\n\t            \"description\": \"FusionWidgets XT now includes JavaScript gauges, funnel charts, and bullet graphs. Explore these new chart types and learn how to add them to your data dashboards today.\",\n\t            \"breadcrumb\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#breadcrumb\"\n\t            },\n\t            \"inLanguage\": \"en-US\",\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"ReadAction\",\n\t                    \"target\": [\n\t                        \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/\"\n\t                    ]\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"ImageObject\",\n\t            \"inLanguage\": \"en-US\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage\",\n\t            \"url\": \"\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\",\n\t            \"contentUrl\": \"\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\",\n\t            \"width\": 600,\n\t            \"height\": 800,\n\t            \"caption\": \"Funnel, Pyramid, Column Charts and Cylinder Gauge used in a KPI Dashboard\"\n\t        },\n\t        {\n\t            \"@type\": \"BreadcrumbList\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#breadcrumb\",\n\t            \"itemListElement\": [\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 1,\n\t                    \"name\": \"Home\",\n\t                    \"item\": \"https:\/\/www.fusioncharts.com\/blog\/\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#website\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"name\": \"FusionBrew - The FusionCharts Blog\",\n\t            \"description\": \"Get tips and tricks on how to build effective Data Visualisation using FusionCharts\",\n\t            \"publisher\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}\"\n\t                    },\n\t                    \"query-input\": {\n\t                        \"@type\": \"PropertyValueSpecification\",\n\t                        \"valueRequired\": true,\n\t                        \"valueName\": \"search_term_string\"\n\t                    }\n\t                }\n\t            ],\n\t            \"inLanguage\": \"en-US\"\n\t        },\n\t        {\n\t            \"@type\": \"Organization\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\",\n\t                \"url\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg\",\n\t                \"width\": 1,\n\t                \"height\": 1,\n\t                \"caption\": \"FusionCharts\"\n\t            },\n\t            \"image\": {\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/4d0e317dfb030baaa2fd32157bfe5d2b\",\n\t            \"name\": \"Pallav Nadhani\",\n\t            \"image\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/1de0918aeda985388f151c92b92d9979\",\n\t                \"url\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/003\/003a1e103ddea865e0c3151bd8052df9x96.jpg\",\n\t                \"contentUrl\": \"\/blog\/wp-content\/wphb-cache\/gravatar\/003\/003a1e103ddea865e0c3151bd8052df9x96.jpg\",\n\t                \"caption\": \"Pallav Nadhani\"\n\t            },\n\t            \"url\": \"https:\/\/www.fusioncharts.com\/blog\/author\/pallav\/\"\n\t        }\n\t    ]\n\t}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS","description":"FusionWidgets XT now includes JavaScript gauges, funnel charts, and bullet graphs. Explore these new chart types and learn how to add them to your data dashboards today.","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.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/","og_locale":"en_US","og_type":"article","og_title":"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS","og_description":"FusionWidgets XT now includes JavaScript gauges, funnel charts, and bullet graphs. Explore these new chart types and learn how to add them to your data dashboards today.","og_url":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/","og_site_name":"FusionBrew - The FusionCharts Blog","article_published_time":"2012-01-25T09:14:44+00:00","article_modified_time":"2026-01-20T09:11:11+00:00","og_image":[{"width":600,"height":800,"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg","type":"image\/jpeg"}],"author":"Pallav Nadhani","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Pallav Nadhani","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#article","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/"},"author":{"name":"Pallav Nadhani","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/4d0e317dfb030baaa2fd32157bfe5d2b"},"headline":"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS","datePublished":"2012-01-25T09:14:44+00:00","dateModified":"2026-01-20T09:11:11+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/"},"wordCount":363,"commentCount":0,"publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg","keywords":["features","javascript","release"],"articleSection":["News &amp; Announcements"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/","url":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/","name":"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS","isPartOf":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage"},"thumbnailUrl":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg","datePublished":"2012-01-25T09:14:44+00:00","dateModified":"2026-01-20T09:11:11+00:00","description":"FusionWidgets XT now includes JavaScript gauges, funnel charts, and bullet graphs. Explore these new chart types and learn how to add them to your data dashboards today.","breadcrumb":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#primaryimage","url":"\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg","contentUrl":"\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg","width":600,"height":800,"caption":"Funnel, Pyramid, Column Charts and Cylinder Gauge used in a KPI Dashboard"},{"@type":"BreadcrumbList","@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.fusioncharts.com\/blog\/"},{"@type":"ListItem","position":2,"name":"FusionWidgets XT: Gauges, Funnels, Bullet Graphs in JS"}]},{"@type":"WebSite","@id":"https:\/\/www.fusioncharts.com\/blog\/#website","url":"https:\/\/www.fusioncharts.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.fusioncharts.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.fusioncharts.com\/blog\/#organization","name":"FusionCharts","url":"https:\/\/www.fusioncharts.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/","url":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","contentUrl":"\/blog\/wp-content\/uploads\/2020\/03\/idera-fc-logo.svg","width":1,"height":1,"caption":"FusionCharts"},"image":{"@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/4d0e317dfb030baaa2fd32157bfe5d2b","name":"Pallav Nadhani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.fusioncharts.com\/blog\/#\/schema\/person\/image\/1de0918aeda985388f151c92b92d9979","url":"\/blog\/wp-content\/wphb-cache\/gravatar\/003\/003a1e103ddea865e0c3151bd8052df9x96.jpg","contentUrl":"\/blog\/wp-content\/wphb-cache\/gravatar\/003\/003a1e103ddea865e0c3151bd8052df9x96.jpg","caption":"Pallav Nadhani"},"url":"https:\/\/www.fusioncharts.com\/blog\/author\/pallav\/"}]}},"_links":{"self":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/2147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/comments?post=2147"}],"version-history":[{"count":0,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/posts\/2147\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/media?parent=2147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/categories?post=2147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/tags?post=2147"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.fusioncharts.com\/blog\/wp-json\/wp\/v2\/coauthors?post=2147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}