如何在Flot中更改图例的样式？

Question

我刚刚将我的Flot版本从0.6更改为0.7,但是,当我这样做时,我的Flot图形中的图例会改变样式.以前,我曾使用"LabelClass"属性来改变样式但是在读取0.7的源代码时我发现"labelClass"不再是一个选项,我似乎被迫使用整个过程中使用的"表"CSS定义我正在努力的网站.因此,我无法更改网站的CSS"表"定义.

还有另一种改变传奇定义的好方法还是我被卡住了？

提前道歉这只是一个新手问题

亲切的问候

Answer 1

它已更改名称全部,新类legendLabel用于标签和legendColorBox颜色框.

你可以在jquery.flot.js中看到这个.

EDIT作为回应,似乎问题是你如何设计整个表格.假设你的flot占位符是这样的:

<div id="foo" style="width:600px;height:300px"></div>

然后你可以像这样定义CSS:

#foo > div.legend > table {
  border: 2px red solid;
}

在此处查看:http://jsfiddle.net/ryleyb/YkDpG/1/

Answer 2

另一种设置图例样式的方法是在绘制图表后使用jQuery .css()(http://api.jquery.com/css/)方法.

例如:

$.plot($("#chartFoo"), pieChartData, options);
$("#chartFoo div.legend table").css("border", "1px solid #888888");
$("#chartFoo div.legend table").css("background", "#ffffee");

要么:

$.plot($("#chartFoo"), pieChartData, options);
$("#chartFoo div.legend table").css({ border: "1px solid #888888", background: "#ffffee" });