Question

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

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

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

亲切的问候

Answer 1

名称已全部更改，标签的新类legendLabel和颜色框的legendColorBox。

您可以在jquery.flot.js中看到这一点。

编辑作为回应，似乎问题是你如何设置整个表的样式。假设您的flot占位符是这样的：

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

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

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

在此处查看：[{3}}

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" });

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

2 个答案: