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

Question

这就是我想做的。

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

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

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

谢谢您的帮助！

Answer 1

而不是与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: {

        }
    }
});

产生：

在这里拉小提琴。

Answer 2

一种方法（我认为这不是一个很好的方法）是使用 CSS。由于以下原因，您可以将 xaxis 集团移至左侧jqplot-xaxis：

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

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