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文档中找到。谢谢,您的回答可以接受,因为这样我还可以控制条的颜色不透明度,太好了。