javascript - jqplot-バーの間の線に軸ティックを表示するにはどうすればよいですか？

Question

これが私がやりたいことです。

軸の現在のオプション設定：

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

xticks文字列の配列です。レンダラーとカスタムティックを使用しない場合にのみ機能させることができますが、独自に指定したティックを使用したいと思います。

助けてくれてありがとう！

Answer 1

それを行う方法（私が思うに本当に良い方法ではありません）は、CSSを使用することです。次のおかげで、xaxisブロックを左に移動できますjqplot-xaxis。

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

        }
    }
});

生産：

ここでフィドル。