Add circle to center of candlestick dataset

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.powercharts.js"></script>
<!-- Candle Stick chart from PowerCharts. This sample plots stock prices of Harry's Supertmart(stock name HRYS) for the last 2 months on a daily time period in CandleStick chart. A candlestick chart is a style of bar-chart used primarily to describe price movements of a security, derivative, or currency for a designated span of time. -->
<div id="chart-container">FusionCharts will render here</div>

JavaScript

FusionCharts.ready(function () {
    var stockChart = new FusionCharts({
        type: 'candlestick',
        renderAt: 'chart-container',
        id: 'myChart',
        width: '600',
        height: '400',
        dataFormat: 'json',
        dataSource: {
            "chart": {
                "caption": "Daily Stock Price HRYS",
                    "subCaption": "Last 2 months",
                    "numberprefix": "$",
                    "vNumberPrefix": " ",
                    "pyaxisname": "Price",
                    "vyaxisname": "Volume (In Millions)",
                    "bgColor": "#ffffff",
                    "showBorder": "0",
                    "canvasBgColor": "#ffffff",
                    "showCanvasBorder": "0",
                    "showAlternateHGridColor": "0",
                    "baseFontColor": "#333333",
                    "baseFont": "Helvetica Neue,Arial",
                    "captionFontSize": "14",
                    "subcaptionFontSize": "14",
                    "subcaptionFontBold": "0",
                    "toolTipColor": "#ffffff",
                    "toolTipBorderThickness": "0",
                    "toolTipBgColor": "#000000",
                    "toolTipBgAlpha": "80",
                    "toolTipBorderRadius": "2",
                    "toolTipPadding": "5",
                    "divlineAlpha": "100",
                    "divlineColor": "#999999",
                    "divlineThickness": "1",
                    "divLineIsDashed": "1",
                    "divLineDashLen": "1",
                    "divLineGapLen": "1",
                "showVolumeChart":"0"
            },
                "categories": [{
                "category": [{
                    "label": "2 month ago",
                        "x": "1"
                }, {
                    "label": "1 month ago",
                        "x": "31"
                }, {
                    "label": "Today",
                        "x": "60"
                }]
        ...