Zoomline Chart problems

Using data plot rollover/rollout events

HTML

<script src="http://static.fusioncharts.com/code/latest/fusioncharts.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 data = "10|null|null|null|12|null|null|null|null|5";
        var categories = [{
            "category": "Dec 01 2014|Dec 02 2014|Dec 03 2014|Dec 04 2014|Dec 05 2014|Dec 06 2014|Dec 07 2014|Dec 08 2014|Dec 09 2014|Dec 10 2014"
        }];
        var revenueChart = new FusionCharts({
            type: 'zoomline',
            renderAt: 'chart-container',
            id: 'myChart',
            width: '600',
            height: '500',
            dataFormat: 'json',
            dataSource: {
                "chart": {
                    "caption": "Unique Website Visits in a Year",
                        "xaxisname": "Date",
                        "yaxisname": "Unique Visitors",
                        "theme": "fint",
                        "compactDataMode": "1",
                        "connectNullData": "1",
                    "canvasPadding":"100"
                },
                    "categories": categories,
                    "dataset": [{
                    "seriesname": "series1",
                        "data": data
                }]

            }
        }).render();
    });