FusionCharts - Horizontal bullet

Created using FusionCharts Suite XT - www.fusioncharts.com

by Nabajeet Sonowal

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.js"></script>
<script src="http://static.fusioncharts.com/code/latest/fusioncharts.widgets.js"></script>
<script src="http://static.fusioncharts.com/code/latest/themes/fusioncharts.theme.fint.js"></script>
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
     var myChart = new FusionCharts({
         "type": "hbullet",
             "renderAt": "chart-container",
             "width": "500",
             "height": "80",
             "dataFormat": "json",
             "dataSource": {
             "chart": {
                 "lowerLimit": "0",
                     "upperLimit": "100",
                     "caption": "Monthly Revenue",
                     "subcaption": "Actual vs Target Bakersfield Centrall",
                     "numberPrefix": "$",
                     "numberSuffix": "K",
                     "plotFillColor": "#0075c2",
                     "targetColor": "#8e0000",
                     "showHoverEffect": "1",
                     "showBorder": "0",
                     "bgColor": "#ffffff",
                     "showShadow": "0",
                     "colorRangeFillMix": "{light+0}",
                     "valuePadding": "7"
             },
                 "value": "82",
                 "target": "90"
         }
     }).render();
 });