4

我在设计中为图表分配的空间相当小，如果图表中有超过 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/

4

2 回答 2

3

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

于 2013-10-04T21:14:26.500 回答
0

现在这个问题已在 v 0.8.3 中得到修复。使用这个：http ://www.flotcharts.org/blog/

于 2015-12-22T11:30:37.037 回答