jqplot - 如何在条形图之间的线条上显示轴刻度？

Question

这就是我想做的事。

我在轴上的当前选项设置：

  axes: {
  xaxis: {
    renderer: $.jqplot.CategoryAxisRenderer,
    ticks: xticks,  
  },
  yaxis: {
    min:0,
    tickOptions: {formatString: '%1.0f'}
  }
},

xticks是一个字符串数组。如果我不使用渲染器和我的自定义刻度，我只能使它工作，但我想使用我自己指定的刻度。

感谢您的帮助！

Answer 1

一种方法（我认为这不是一个很好的方式）是使用CSS。 由于jqplot-xaxis：

，您可以向左移动xaxis bloc

.jqplot-xaxis{
     left: -15px;
}

如果有人有更好的方法（在刻度选项中），我想听听它。

Answer 2

我没有与CategoryAxisRenderer作斗争，而是用默认的数字来捏造它：

var chartData = [[1.5, 2.61], [2.5, 5.00], [3.5, 6.00]];

var plot2 = $.jqplot('chart1', [chartData], {
    seriesDefaults: {
        renderer: $.jqplot.BarRenderer,
        rendererOptions: {barWidth: 50}
    },
    axes: {
        xaxis: {
            ticks: [[0,"Midnight"],[1,"1 AM"],[2,"2 AM"],[3,"3 AM"],[4,"4 AM"]]
        },
        yaxis: {

        }
    }
});

产地：

小提琴here。