如何更改 jqPlot 数据点标签上的颜色

Question

我有一个由 jqPlot 生成的图表。 数据点标签用于在图表上显示附加信息，如下例所示： http:// /www.jqplot.com/tests/point-labels.php

如您所见，数据点标签的颜色始终为黑色。 但我想将数据点标签的颜色更改为与图表相同的颜色（顺便说一句：我不谈论图例或刻度标签）。

通过选项页面搜索（http://www.jqplot.com/docs/files /jqPlotOptions-txt.html）我发现没有选项可以更改此颜色。

所以问题是：是否有（其他）方法来更改数据点标签的颜色？

谢谢。

Answer 1

您可以使用 CSS 来做到这一点。通过定位类 .jqplot-point-label。请参阅页面上提供的示例

Answer 2

除了 .jqplot-series-$i 类之外，阅读源代码发现 .jqplot-data-label 类也应用于这些标签项。

Answer 3

无需 CSS 即可完成此操作。

当然

pointLabels:{ 
  show:true,
  escapeHTML:false
}

，

var label = '<span style="color:red">MyLabel</span>';
var seriesData = [[1,2,label], [3,4,label]];

您可以在 JavaScript 循环中添加一个跨度。

Answer 4

我正在使用甜甜圈聊天，这就是我更改目标和标签颜色的方法

.jqplot-target{
     color: #ffffff !important ;

 }
.jqplot-table-legend{
    color: #666666 !important ;

}