Question

我明白了：

我没有包括jqplot.CategoryAxisRenderer。一旦我把它包括在内，我就能让它运转起来。

谢谢大家！

更新：

我的代码在JSFiddle中运行，所以它是我遇到的CSS问题。请不要理会。

我试图在jQPlot中创建一个相当简单的条形图。我期待两个水平条，一个在另一个上面。两者在X轴上等于1。我希望Y轴有标签＆＃39; In Progress＆＃39;对于顶级酒吧，＆＃39; 2014年4月＆＃39;对于底栏。我尝试了很多种组合。如果我没有指定Ticks，那么我会看到两个条形。指定刻度，或使用所需的标签作为Y轴数据点只显示两个标签重叠而没有条形。（忽略setTimeout）先谢谢。

以下是代码：

var data = [[1,1],[1,2]];
var ticks = ['In Progress','Mar 2014'];
$(function () {
    setTimeout(function(){
    var plot1 = jQuery.jqplot ('chartdiv', [data],
    {
        seriesDefaults: {
            renderer:$.jqplot.BarRenderer,
            rendererOptions: {
                barDirection: 'horizontal'
            },
        },
        axes: {
            yaxis: {
                renderer: $.jqplot.CategoryAxisRenderer,
                ticks: ticks
            }
        }
    });
}, 
100);

}）;

Answer 1

我修改了Batu Zet给出的JsFiddle，之前添加了以下行，以标记条形图here：

series: [
 {
  pointLabels:{
   show:true,
   labels:['Apr 2014', 'Apr 2014']
  }
 },
 {
  pointLabels:{
   show:true,
   labels:['In Progress', 'In Progress']
  }
 }
]

P.S：为每个系列重复标签，以便为系列中的两个点显示相同的标签。

jQPlot水平条形图 - 为Y轴指定名称

1 个答案: