条形图不显示在jqplot条形图中

Question

我的问题是条形图中的条形图根本没有显示，使用JqPlot。

以下是代码：

var line = [['Clients' , 15] , ['Prospects' , 8]];
var plot4 = jQuery.jqplot('chartdiv4', [line] ,
                            {
                                seriesDefaults:{
                                    renderer:jQuery.jqplot.BarRenderer,
                                    rendererOptions: {
                                        varyBarColor: true
                                        }
                                },
                                axes:{
                                    xaxis:{
                                        renderer: jQuery.jqplot.CategoryAxisRenderer,
                                    }
                                }
                              });

Answer 1

请参阅http://jsfiddle.net/BpEK2/3/上的示例 这显示了在屏幕上绘制的条形图。确保查看包含的依赖项（外部资源），因为您需要所有这些依赖项。从本质上讲，您需要做的是

var s1 = [15, 8];

var ticks = ['Clients', 'Prospects'];

var plot1 = $.jqplot('chart1', [s1], {
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        rendererOptions: {
            fillToZero: true, 
            varyBarColor: true
        }
    },
    axes: {
        xaxis: {
            renderer: $.jqplot.CategoryAxisRenderer,
            ticks: ticks
        }
    }
});