使用自定义边框绘制网格

mer*_*ert 3 javascript flot

Flot使我们能够自定义网格边框.这在此处记录如下:

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
}
Run Code Online (Sandbox Code Playgroud)

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

grid: {
    borderWidth: {top: 1, right: 0, bottom: 0, left: 1},
    borderColor: {top: "#FFF", left: "#FFF"}
}
Run Code Online (Sandbox Code Playgroud)

谁能提供一个有效的例子?

alp*_*eta 6

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

  • 查看这个[小提琴](http://jsfiddle.net/2pnJE/)获取基本示例... (2认同)