jQuery浮动栏宽度自动变宽答案

【问题标题】：Jquery flot bar width automatically becomes widerjQuery浮动栏宽度自动变宽
【发布时间】：2016-04-22 11:30:26
【问题描述】：

我正在使用 jQuery flot 库并排显示 2 个条形图。我设置了一个 barWidth，它渲染得非常好。

问题 - 当一个条的值为 0 时，条不显示。但是另一个条变得更宽了。

问题 - 如何设置宽度，无论如何都要这样？我读过 min, max 但不知道如何使用它们。

请在下面查看我的代码 -

var myData = [{
        data: plotpoints2,
        color: "red",
        bars: {
            show: true,
            barWidth: 0.9,
            fillColor: "red",
            align: "center",
            order: 1
        }
    }, {
        data: plotpoints2,
        color: "green",
        bars: {
            show: true,
            barWidth: 0.9,
            fillColor: green,
            align: "center",
            order: 2

        }
    }];

【问题讨论】：

可以为此创建一个小提琴吗？
不幸的是，代码库非常大，无法重现。

标签： javascript jquery css bar-chart flot

【解决方案1】：

jsfiddle 玩：

http://jsfiddle.net/eb4jtea4/2/

为了更好地理解您的问题，您的意思是 bar 值是参数 "barWidth" 吗？在我的示例中，我将第二个的 barwidth 设置为值“0”，并且仍然显示。

$(function () {

var plotpoints2 = [[1, 450], [2, 40], [3, 80], [4, 160], [5, 159], [6, 370], [7, 330], [8, 350], [9, 370], [10, 400], [11, 330], [12, 350]];
    var myData = [{
        data: plotpoints2,
        color: "red",
        bars: {
            show: true,
            barWidth: 0.6,
            fillColor: "red",
            align: "center",
            order: 1
        }
    }, {
        data: plotpoints2,
        color: "green",
        bars: {
            show: true,
            barWidth: 0,
            fillColor: "green",
            align: "center",
            order: 2
        }
    }];

    $.plot($("#placeholder"),myData);
});

【讨论】：