{"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-10-05T12:39:58","modified_gmt":"2026-10-05T07:09:58","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  Adds Gauges, Funnels, and Bullet Graphs"},"content":{"rendered":"<p>Last quarter, we released FusionCharts 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 .<\/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 \" 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\/angular2-js-charts?framework=angular2\" 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\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt\" 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 \" 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 , 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 \" 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 here, or <a title=\"Real-life business demos of FusionCharts and FusionWidgets \" href=\"https:\/\/www.fusioncharts.com\/dashboards\/\" target=\"_blank\" rel=\"noopener\">see them in action here<\/a>.<\/p>\n<p>Get your copy of FusionWidgets  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 \" 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 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 . All the gauges, funnel and pyramid charts, sparklines and bullet graphs [&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 v28.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>FusionWidgets : Gauges, Funnels, Bullet Graphs in JS<\/title>\n<meta name=\"description\" content=\"Explore FusionWidgets updates featuring JavaScript gauges, funnel charts, and bullet graphs for interactive dashboard visualizations.\" \/>\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 : Gauges, Funnels, Bullet Graphs in JS\" \/>\n<meta property=\"og:description\" content=\"Explore FusionWidgets updates featuring JavaScript gauges, funnel charts, and bullet graphs for interactive dashboard visualizations.\" \/>\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-10-05T07:09:58+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg\" \/>\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\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/person\\\/4d0e317dfb030baaa2fd32157bfe5d2b\"\n\t            },\n\t            \"headline\": \"FusionWidgets Adds Gauges, Funnels, and Bullet Graphs\",\n\t            \"datePublished\": \"2012-01-25T09:14:44+00:00\",\n\t            \"dateModified\": \"2026-10-05T07:09:58+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\": 359,\n\t            \"commentCount\": 0,\n\t            \"publisher\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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 : Gauges, Funnels, Bullet Graphs in JS\",\n\t            \"isPartOf\": {\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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-10-05T07:09:58+00:00\",\n\t            \"description\": \"Explore FusionWidgets updates featuring JavaScript gauges, funnel charts, and bullet graphs for interactive dashboard visualizations.\",\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\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\"\n\t                },\n\t                {\n\t                    \"@type\": \"ListItem\",\n\t                    \"position\": 2,\n\t                    \"name\": \"FusionWidgets Adds Gauges, Funnels, and Bullet Graphs\"\n\t                }\n\t            ]\n\t        },\n\t        {\n\t            \"@type\": \"WebSite\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#website\",\n\t            \"url\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\"\n\t            },\n\t            \"potentialAction\": [\n\t                {\n\t                    \"@type\": \"SearchAction\",\n\t                    \"target\": {\n\t                        \"@type\": \"EntryPoint\",\n\t                        \"urlTemplate\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#organization\",\n\t            \"name\": \"FusionCharts\",\n\t            \"url\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/\",\n\t            \"logo\": {\n\t                \"@type\": \"ImageObject\",\n\t                \"inLanguage\": \"en-US\",\n\t                \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"\n\t            }\n\t        },\n\t        {\n\t            \"@type\": \"Person\",\n\t            \"@id\": \"http:\\\/\\\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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\": \"\\\/blog\\\/wp-content\\\/wphb-cache\\\/gravatar\\\/003\\\/003a1e103ddea865e0c3151bd8052df9x96.jpg1de0918aeda985388f151c92b92d9979\",\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 : Gauges, Funnels, Bullet Graphs in JS","description":"Explore FusionWidgets updates featuring JavaScript gauges, funnel charts, and bullet graphs for interactive dashboard visualizations.","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 : Gauges, Funnels, Bullet Graphs in JS","og_description":"Explore FusionWidgets updates featuring JavaScript gauges, funnel charts, and bullet graphs for interactive dashboard visualizations.","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-10-05T07:09:58+00:00","og_image":[{"url":"https:\/\/www.fusioncharts.com\/blog\/wp-content\/uploads\/2012\/01\/Funnel_Pyramid_Charts.jpg","type":"","width":"","height":""}],"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":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/person\/4d0e317dfb030baaa2fd32157bfe5d2b"},"headline":"FusionWidgets Adds Gauges, Funnels, and Bullet Graphs","datePublished":"2012-01-25T09:14:44+00:00","dateModified":"2026-10-05T07:09:58+00:00","mainEntityOfPage":{"@id":"https:\/\/www.fusioncharts.com\/blog\/javascript-gauges-funnel-chart-and-bullet-graphs-now-available-in-fusionwidgets-xt"},"wordCount":359,"commentCount":0,"publisher":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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 : Gauges, Funnels, Bullet Graphs in JS","isPartOf":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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-10-05T07:09:58+00:00","description":"Explore FusionWidgets updates featuring JavaScript gauges, funnel charts, and bullet graphs for interactive dashboard visualizations.","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":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog"},{"@type":"ListItem","position":2,"name":"FusionWidgets Adds Gauges, Funnels, and Bullet Graphs"}]},{"@type":"WebSite","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#website","url":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/","name":"FusionBrew - The FusionCharts Blog","description":"Get tips and tricks on how to build effective Data Visualisation using FusionCharts","publisher":{"@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#organization","name":"FusionCharts","url":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.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":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"http:\/\/ec2-18-194-32-97.eu-central-1.compute.amazonaws.com\/blog\/#\/schema\/person\/4d0e317dfb030baaa2fd32157bfe5d2b","name":"Pallav Nadhani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"\/blog\/wp-content\/wphb-cache\/gravatar\/003\/003a1e103ddea865e0c3151bd8052df9x96.jpg1de0918aeda985388f151c92b92d9979","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}]}}