Question

这是我的jsFiddle

如何删除边框或与条形图相同（不是更暗）？

编辑：实际上，我需要完全删除边框。这可能吗？

    var chartOptions = {
            xaxis: { ticks: chartTicks },
            grid: { clickable: true, hoverable: true },
    series: { stack: true, bars: { fill: '#000', show: true, align:'center', barWidth: 0.5 } }
        };

Answer 1

您可以使用Unit选项删除条形图的轮廓/边框和/或lineWidth选项以更改填充（这也可以用于gradients）：

fillColor

有关示例，请参阅此fiddle。

Answer 2

要从图表中的条形图中删除边框，您可以将.collapse { display: none; visibility: hidden; } .collapse.in { display: block; visibility: visible; }添加到选项中的lineWidth: 0对象。

bars

Here它正在发挥作用。

顺便提一下，这可以在API文档here中找到。

Answer 3

如果你想删除图表或条形图边框，我不是100％确定。 jsFiddle here已完成两项操作，代码说明如下。

删除条形周围的边框。如下例所示，向lineWidth提供bars。

var chartOptions = {
    xaxis: {
        ticks: chartTicks
    },
    grid: {
        clickable: true,
        hoverable: true
    },
    series: {
        stack: true,
        bars: {
            show: true,
            align: 'center',
            barWidth: 0.5,
            lineWidth: 0
        }
    }
};

从图表周围删除边框。将borderWidth提供给您可以设置grid的{{1}}，或者您可以指定每个宽度，如下例所示。

borderWidth: 0

JQuery flot删除栏边框

3 个答案: