无法填充jqPlot条形图

Question

目前我似乎无法在条形图中生成任何数据。我不确定故障是使用我创建的JSON字符串还是使用jQuery代码。

编辑:(一旦我将数组更改为单个值，生成基本图形但仍然没有条形图）

JSON字符串：[{"Name":"Poll Results","Serie":[[10],[14],[14],[19]]}]

jQuery的：

<script type="text/javascript">
//Enable JQuery IntelliSense for Visual Studio
///<reference path="jquery-1.3.2-vsdoc.js2 />

jQuery(document).ready(function () {
    urlDataJSON = '/Home/BarChartJSON';

    $.getJSON(urlDataJSON, "", function (data) {
        var dataLines = [];
        var dataLabels = "";
        $.each(data, function (entryindex, entry) {
            dataLines.push(entry['Serie']);
            dataLabels = dataLabels + entry['Name'];
        });

        Plot(dataLines, dataLabels);


        function Plot(dataLines, dataLabels) {

            options = {
                legend: { show: true },
                Title: 'Poll Results',                   
                seriesDefaults: {
                    renderer: $.jqplot.BarRenderer,
                    pointLabels: { show: true, location: 'e', edgeTolerance: -15 },
                    shadowAngle: 135,
                    renderOptions: {
                        barDirection: 'horizontal'
                    }
                },
                axes: {
                    yaxis: {
                        renderer: $.jqplot.CategoryAxisRenderer
                    }
                }
            }
        }
        var plot = $.jqplot('barChart', [dataLines], options);
    });
});

</script>

    <h2>barChart</h2>

<div id="barChart" style="height:600px;width:600px;"></div>

屏幕截图显示了到目前为止产生的内容。

Answer 1

您的代码中存在一些问题，例如，这不是必需的，选项应该是直接进入图表的var。

Plot(dataLines, dataLabels); function Plot(dataLines, dataLabels) {

Check out this sample of code I did for the previous data you had.

它将与此JSON一起使用，它只会生成一个系列。