使用自定义边框绘制网格

时间:2013-07-10 12:44:50

标签: javascript flot

Flot使我们能够自定义网格边框。这记录在here中,内容如下:

grid: {
    borderWidth: number or object with "top", "right", "bottom" and "left" properties with different widths
    borderColor: color or null or object with "top", "right", "bottom" and "left" properties with different colors
}

但是,我无法想出一个成功运作的例子。要创建一个带有白色顶部和左边框的自定义网格,我尝试了以下操作,但它不起作用:

grid: {
    borderWidth: {top: 1, right: 0, bottom: 0, left: 1},
    borderColor: {top: "#FFF", left: "#FFF"}
}

任何人都可以提供一个有效的例子吗?

1 个答案:

答案 0 :(得分:6)

您使用的是哪个版本的flot? borderWidth属性不支持将对象作为0.8版之前的值。确保您使用的是最新版本(0.8.1)并再次拍摄。我注意到的另一件事是borderWidth值之后缺少逗号。应该是“left:1} borderColor ...”