jquery - 如何在刻度之间居中浮动图 x 轴刻度标签

Question

我有一个使用 flot.js 创建的多系列条形图：http: //jsfiddle.net/tFy46/6/。

正如您从小提琴中看到的那样，尚不清楚每个刻度指的是哪一组柱。

即使我更改每个数据点以使每组条形图都围绕一个刻度（http://jsfiddle.net/tFy46/7/），也不是很清楚（尤其是当系列数量增加时。

我希望能够在每组刻度之间居中刻度标签。这可能吗？（我试过labelWidth无济于事；我需要摆弄一个tickFormatter函数吗？）

Answer 1

对不起，我误解了你的目的。

不幸的是，Flot在刻度位置绘制标签，因此从刻度偏移标签将是有问题的。

更好的解决方案是禁用刻度，然后使用网格的markings选项来划分列组：

    xaxis: {
        ticks: [[0.5,"1st Nov to 3rd Nov"],[2.0,"11th Nov to 15th Nov"]],
        tickLength: 0, // disable tick
        min: -0.2,
        max: 2.7
    },
    yaxis: {
        tickLength: 0 // disable tick
    },
    grid: {
        markings: [ { xaxis: { from: 1.25, to: 1.25 }, color: "black" } ] // create demarcation line
    }

在这里拉小提琴。