绘制图表y轴刻度标签重叠

Question

在v0.8.3和v0.8.2上 y当值彼此太靠近时，轴刻度标签重叠 像100和101，在0-150范围内。

是否有任何技巧可以让它们正确显示？ 我无法将高度增加到1500px以使它们彼此坐着。

Answer 1

如果你确实需要刻度标签如此接近以至于它们会重叠，你可以使用第二个轴来分隔它们，请参阅此fiddle作为示例。相关代码：

    yaxes: [{
        min: -1.2,
        max: 1.2,
        ticks: 8,
        show: true,
        position: 'left'
    },{
        min: -1.2,
        max: 1.2,
        ticks: 25,
        show: true,
        position: 'left',
        tickLength: 0,
        color: 'rgba(0,0,0,0)' // makes the axis transparent
    }]

Answer 2

如果您不想更改“绘图”选项，您还可以使用CSS分隔刻度标签，例如分别向左和向右移动奇数和偶数刻度标签。有关示例，请参阅此fiddle。相关的CSS代码：

#placeholder div.flot-y-axis div.flot-tick-label:nth-child(odd) {
  margin-right: 30px;  
}
#placeholder div.flot-y-axis div.flot-tick-label:nth-child(even) {
  margin-left: 30px;  
}