如何使用ajax数据创建带有jqplot的折线图

时间:2018-01-30 14:31:07

标签: javascript c# jquery ajax jqplot

我正在尝试使用jjplot创建折线图,方法是使用ajax从c#controller获取数据。

function getGraph(fcn) {
    var turl = '/Rep/ChartBoxPlot/' + fcn;
    $.ajax({
        type: "POST",
        url: turl,
        dataType: "json",
        success: function (result) {
            $('#chart1').empty();
            for (var i = 0; i < result.length; i++) {
                var temp = result[i]['Date'];
                var date = moment(temp).format('MMM DD');
                var y = result[i]['Actual'];
                var line1 = [date, result[i]['Actual']];
                var line2 = [date, result[i]['Forecast']];
                // alert(line1);

                var plot = $.jqplot('chart1', [line1], {
                    axes: {
                        xaxis: {
                            label: "Forecast",
                            renderer: $.jqplot.ajaxDataRenderer,
                            //tickOptions: { formatString: '%I:%M:%S %p' },
                            //numberTicks: 8,
                            tickInterval: '15 second'
                        },
                        yaxis: {
                            label: 'Lines'
                        },
                    },

                });
            }
        },
        error(result) {
            alert(result)
        }
    });
}

html

<div id="chart1" style="height: 400px; width: 900px; 
    position: relative;" class="jqplot-target">

来自控制器的数据正常,但未绘制图表。任何建议,将不胜感激 感谢

0 个答案:

没有答案