javascript - 有没有办法防止 xaxis 标签在 flot.js 条形图中重叠？

Question

我在设计中为图表分配的空间相当小，如果图表中的类别超过 5 个，则标签会相互重叠。有没有办法防止这种情况？这是我遇到的一个例子:http://jsfiddle.net/bCYET/1/

var data = [
    ["Engineering",14],
    ["Communications",11],
    ["Business",9],
    ["Biology",5],
    ["Natural Sciences",2],
    ["Studio Art",2]
];

var options = {
    series: {
        bars: { 
            show: true,
            barWidth: .6,
            align: "center"
        }    
    },
       xaxis: {
           mode: "categories",
           tickLength: 0
       }
}

$.plot('#barchart', [data], options);

更新:我发现我可以将图例放在图表之外的容器中，这对我有用。此处示例:http://jsfiddle.net/bCYET/2/

Answer 1

目前这是一个 open issue with flot.js .在该页面上的解决方案中，flot-tickrotor可能是最容易使用的。