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

Is there a way to prevent xaxis labels from overlapping in a flot.js bar graph?

本文关键字：js flot 条形图 重叠 标签 xaxis 有没有      更新时间：2023-09-26

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

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

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

相关文章：