2

目前我似乎无法在我的条形图中生成任何数据。我不确定问题出在我创建的 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>

部分生成的图表 屏幕截图显示了到目前为止生成的内容。

4

1 回答 1

0

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

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

查看我为您以前的数据所做的代码示例。

它也适用于此JSON，它只会产生一个系列。

于 2012-05-10T10:37:56.953 回答