Javascript JQuery flot删除条边框

Javascript JQuery flot删除条边框,javascript,jquery,flot,Javascript,Jquery,Flot,这是我的 如何删除边框或使其与条形图相同(不更深) 编辑:实际上,我需要完全删除边框。这可能吗 var chartOptions = { xaxis: { ticks: chartTicks }, grid: { clickable: true, hoverable: true }, series: { stack: true, bars: { fill: '#000', show: true, align:'center', ba

这是我的

如何删除边框或使其与条形图相同(不更深)

编辑:实际上,我需要完全删除边框。这可能吗

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

我不能100%确定是否要删除图形或条形图周围的边框。已经完成了这两项工作,下面对代码进行解释


删除条周围的边框。向
条提供
线宽
,如下例所示

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

删除图形周围的边框。向
网格提供
borderWidth
,您可以设置
borderWidth:0
,也可以像下面的示例中那样指定每个宽度

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

您可以使用
lineWidth
选项删除条形图的轮廓/边框,和/或使用
fillColor
选项更改填充(这也可用于:


查看此示例。

若要从图形中的条形图中删除边框,可以将
线宽:0
添加到选项中的
条形图
对象中

series: {
    stack: true,
    bars: {
        lineWidth: 0,
        show: true,
        align: 'center',
        barWidth: 0.5
    }
}
它正在发挥作用


顺便说一句,这可以在API文档中找到。

谢谢,您的回答可以接受,因为这样我还可以控制条的颜色不透明度,太好了。