图例文字颜色与jqplot中的线条颜色一致

Question

我正在使用jqplot绘制多行不同的线条颜色。

另外，我的颜色应的图例与相应的线条颜色一致。

我似乎无法应对传奇色彩。

所有提示？

Answer 1

从问题标题中我知道你想要改变图例标签的颜色以对应于系列的颜色，对吗？

因此，由于标签前面的样本，我们可以使用它们来抓取我们为标签设置的颜色。

这是您需要的代码。在绘制情节之前，你需要记住把它放好。

$.jqplot.postDrawHooks.push(function() {
    var swatches = $('table.jqplot-table-legend tr td.jqplot-table-legend-swatch');
    var labels = $('table.jqplot-table-legend tr td.jqplot-table-legend-label');
    labels.each(function(index) {
        //turn the label's text color to the swatch's color
        var color = $(swatches[index]).find("div div").css('background-color');
        $(this).css('color',color );
    });
});

You could see the code running live here.