如何在我的Flot图表周围放置一个方框?

时间:2016-08-19 21:15:47

标签: jquery css border flot box

我用Flot创建了一个图表(使用JQuery 1.11)。我希望在我的图表周围有一个暗盒,背景中的网格较浅,类似于主要的Flot示例 - http://www.flotcharts.org/flot/examples/basic-usage/index.html。所以我有这个HTML,FLOT自己包装......

default arguments

然后我添加这个CSS

my_sum

但是这会在我的主容器周围放置一个框而不是图形。如何在图表周围找到一个方框?我试图刺伤这个小提琴 - http://jsfiddle.net/y16h8LmL/5/。谢谢, - 戴夫

2 个答案:

答案 0 :(得分:1)

您需要更改borderWidth

的值
grid: {
  margin: 10,
  labelMargin: 5,
  labelWidth: 20,
  hoverable: true,
  clickable: true,
  tickColor: "#efefef",
  borderWidth: 0, // Here for the width
  borderColor: "#efefef" // Here for the color
},

以下是your fiddle updated:)

答案 1 :(得分:0)

此配置位于 javascript 代码中 css

在您的js代码中, grid 部分: 改变:

tickColor: "#efefef",
borderWidth: 0,
borderColor: "#efefef"

要:

tickColor: "#cccccc",
borderWidth: 1,
borderColor: "#000000"

您喜欢的任何颜色宽度