Javascript jqplot-如何使轴刻度显示在条之间的直线上?

Javascript jqplot-如何使轴刻度显示在条之间的直线上?,javascript,jqplot,Javascript,Jqplot,这就是我想做的 我在轴上的当前选项设置: axes: { xaxis: { renderer: $.jqplot.CategoryAxisRenderer, ticks: xticks, }, yaxis: { min:0, tickOptions: {formatString: '%1.0f'} } }, xticks是一个字符串数组。如果我不使用渲染器和自定义标记,但我想使用自己指定的标记,我只能让它工作 谢谢你的帮助 一种方法是使

这就是我想做的

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

  axes: {
  xaxis: {
    renderer: $.jqplot.CategoryAxisRenderer,
    ticks: xticks,  
  },
  yaxis: {
    min:0,
    tickOptions: {formatString: '%1.0f'}
  }
},
xticks
是一个字符串数组。如果我不使用渲染器和自定义标记,但我想使用自己指定的标记,我只能让它工作

谢谢你的帮助

一种方法是使用CSS(我认为这不是一种很好的方法)。 多亏了
jqplot xaxis
,您可以将xaxis集团移到左侧:

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

如果有人有更好的方法(在勾号选项中),我想听听。

与其与
类别作斗争,不如用默认的数字形式:

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: {

        }
    }
});
产生:


小提琴。

我已经试过了,但不幸的是,我的图表必须以不同的大小显示,所以这种方法不起作用。无论如何,谢谢。嗯,这是有效的,我看到你在点之间粘贴了条。我的意思是,如果你不使用categoryaxisrenderer,默认情况下,条会出现在线条上,所以你使用2D数组手动将它们移到另一个位置,不过还是谢谢你。认可的