Javascript 如何更改jqPlot数据点标签上的颜色
我有一个由Javascript 如何更改jqPlot数据点标签上的颜色,javascript,jquery,jquery-plugins,jqplot,Javascript,Jquery,Jquery Plugins,Jqplot,我有一个由jqPlot生成的图形。 数据点标签用于显示图形上的其他信息,如本例所示: 如您所见,数据点标签的颜色始终为黑色。 但是我想将数据点标签的颜色更改为与图形相同的颜色(顺便说一下:我不谈论图例或记号标签) 通过选项页()搜索,我没有找到更改此颜色的选项 因此,问题是:是否有(其他)方法更改数据点标签的颜色? 谢谢。您可以使用CSS来实现这一点。通过定位类.jqplot点标签。除了.jqplot series-$i类之外,请参见页面上提供的,阅读源代码可以发现.jqplot data la
jqPlot
生成的图形。
数据点标签用于显示图形上的其他信息,如本例所示:
如您所见,数据点标签的颜色始终为黑色。
但是我想将数据点标签的颜色更改为与图形相同的颜色(顺便说一下:我不谈论图例或记号标签)
通过选项页()搜索,我没有找到更改此颜色的选项
因此,问题是:是否有(其他)方法更改数据点标签的颜色?
谢谢。您可以使用CSS来实现这一点。通过定位类
.jqplot点标签
。除了.jqplot series-$i
类之外,请参见页面上提供的,阅读源代码可以发现.jqplot data label
类也应用于这些标签项。您可以在不使用CSS的情况下执行此操作
对于系列集
pointLabels:{
show:true,
escapeHTML:false
}
及
var标签='MyLabel';
var seriesData=[[1,2,标签],[3,4,标签]];
当然,您可以在JavaScript循环中添加一个span。我使用了一个甜甜圈聊天,这就是我如何更改目标和标签颜色的
.jqplot-target{
color: #ffffff !important ;
}
.jqplot-table-legend{
color: #666666 !important ;
}
哦,我在示例页上读到了这一部分。。但是是的,这不是答案,但它为我指出了正确的答案:每个系列都有自己的类(示例中没有解释)。现在,我使用这个类修改了DOM元素的颜色:
$('.jqplot series-'+i).css('color','#123456')
其中i
是要修改的序列号。感谢+1,因为饼图使用.jqplot数据标签
,而不是.jqplot点标签
.jqplot-target{
color: #ffffff !important ;
}
.jqplot-table-legend{
color: #666666 !important ;
}