source: branches/HiveStatistics/sources/HeuristicLab.Services.Hive.Statistics/3.3/App_Code/ChartHelper.cshtml @ 9644

@* HeuristicLab
 * Copyright (C) 2002-2012 Heuristic and Evolutionary Algorithms Laboratory (HEAL)
 *
 * This file is part of HeuristicLab.
 *
 * HeuristicLab is free software: you can redistribute it and/or modify
 * it under the terms of the GNU General Public License as published by
 * the Free Software Foundation, either version 3 of the License, or
 * (at your option) any later version.
 *
 * HeuristicLab is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with HeuristicLab. If not, see <http://www.gnu.org/licenses/>.
 *@

@helper AjaxDataRenderer() {
    <script>
        var ajaxDataRenderer = function (url, plot, options) {
            var ret = null;
            $.ajax({
                async: false,
                url: url,
                dataType: "json",
                success: function (data) {
                    ret = data;
                }
            });
            return ret;
        };
    </script>
}

@helper LineChartTime(string destinationTag, string url, string title = "",
    double? minY = null, double? maxY = null, string axisYFormat = null) {
        
    <script>
        var @(destinationTag)Plot = $.jqplot("@destinationTag", "@url", {
            title: "@title",
            highlighter: {
                show: true,
                sizeAdjust: 7.5
            },
            seriesDefaults: {
                markerOptions: { show: false },
                //fill: true
            },
            dataRenderer: ajaxDataRenderer,
            axes: {
                xaxis: {
                    renderer: $.jqplot.DateAxisRenderer,
                    pad: 0
                },
                yaxis: {
                    tickOptions: {
                        @if (axisYFormat != null) { 
                            @:formatString: "@axisYFormat",
                        }
                    },
                    @if (minY != null) {
                        @:min: @minY,
                    }
                    @if (maxY != null) {
                        @:max: @maxY,
                    }
                    pad: 0,
                    autoscale: true
                },
            },
            gridPadding: { left: 50, right: 10 },
            cursor: {
                show: true,
                showTooltip: false,
                zoom: true,
                clickReset: false,
                dblClickReset: false,
                constrainZoomTo: 'x'
            }
        });
        
        @(destinationTag)Plot.replot({ resetAxes: true });
        
        $('#@destinationTag').contextmenu(function() {
            @(destinationTag)Plot.resetZoom();
            @(destinationTag)Plot.replot({ resetAxes: true });
            return false;
        });
        
        $(window).resize(function() {
            @(destinationTag)Plot.replot({ resetAxes: true });
        });
    </script>
}

@helper RefreshChart(string destinationTag, string url, string startDateVar, string endDateVar) {
    @:$.ajax({url: "@(new HtmlString(url))?start=" + @startDateVar + "&end=" + @endDateVar, datatype: "json", success: function(result) {
    @:    for (var i = 0; i < result.length; i++) {
    @:        @(destinationTag)Plot.series[i].data = result[i];
    @:    }
    @:    @(destinationTag)Plot.replot({ resetAxes: true })
    @:}});
}