Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/398.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何更改jqPlot数据点标签上的颜色_Javascript_Jquery_Jquery Plugins_Jqplot - Fatal编程技术网

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 ;

}