Question

我使用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

        }
    }];

Answer 1

jsfiddle to play：

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

为了更好地理解你的问题，你的意思是条形值为“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);
});

Jquery flot bar宽度自动变宽

1 个答案: