$(function() {


    if(chart_ds){
        $.plot($("#charts"), [{ label: '套数', data: chart_ds}], {
            xaxis: {
                mode: "time",
                tickFormatter: function(val, axis) {
                    var d = new Date(val);
                    return (d.getUTCMonth() + 1) + "月" + d.getUTCDate() + "日"
                }
            },
            line: { show: true, radius: 2, lineWidth: 2 },
            shadowSize: 2,
            grid: { hoverable: true, clickable: true }
        });


        function showTooltip(x, y, contents) {
            $('<div id="tooltip">' + contents + '</div>').css({
                position: 'absolute',
                display: 'none',
                top: y + 5,
                left: x + 5,
                border: '1px solid #fdd',
                padding: '2px',
                'background-color': '#fee',
                opacity: 0.80
            }).appendTo("body").fadeIn(200);
        }

        var previousPoint = null;

        $("#charts").bind("plothover", function(event, pos, item) {
            $("#x").text(pos.x.toFixed(2));
            $("#y").text(pos.y.toFixed(2));


            if (item) {
                if (previousPoint != item.datapoint) {
                    previousPoint = item.datapoint;

                    $("#tooltip").remove();
                    var x = item.datapoint[0].toFixed(2),
                        y = item.datapoint[1].toFixed(2);

                    showTooltip(item.pageX, item.pageY,
                                item.series.label + " : " + Math.ceil(y));
                }
            }
            else {
                $("#tooltip").remove();
                previousPoint = null;
            }

        });
    }
});