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

【问题标题】：jQPlot Horizontal Bar Graph - assign names to Y AxisjQPlot 水平条形图 - 为 Y 轴指定名称
【发布时间】：2014-04-29 15:49:51
【问题描述】：

我想通了：

我没有包括 jqplot.CategoryAxisRenderer。一旦我把它包括在内，我就可以让它工作了。

谢谢大家！

更新：

我的代码在 JSFiddle 中工作，所以这是我遇到的 CSS 问题。请无视。

我正在尝试在 jQPlot 中创建一个相当简单的条形图。我期待两个水平条，一个在另一个之上。在 X 轴上两者都等于 1。我希望 Y 轴的顶部栏有标签“进行中”，底部栏有“2014 年 4 月”标签。我尝试了很多组合。如果我没有指定 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);

});

【问题讨论】：

先生是THIS 吗？
这在 JSFiddle 中没有做任何事情，但我似乎遇到了 CSS 问题。
请参阅 here 之前由 Batu Zet 提供的更新的 JsFiddle 链接。

标签： javascript jqplot

【解决方案1】：

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

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

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

【讨论】：