如何在ggPlot数据点标签上更改颜色

时间:2011-08-11 13:38:24

标签: javascript jquery jquery-plugins jqplot

我有jqPlot生成的图表。 数据点标签用于在图表上显示其他信息,如下例所示:http://www.jqplot.com/tests/point-labels.php

如您所见,数据点标签的颜色始终为黑色。 但我想将数据点标签的颜色更改为与图形相同的颜色(顺便说一句:我不会谈论图例或刻度标签)。

通过选项页面搜索http://www.jqplot.com/docs/files/jqPlotOptions-txt.html)我找不到更改此颜色的选项。

所以问题是:是否有(其他)方式来更改数据点标签的颜色?

谢谢。

4 个答案:

答案 0 :(得分:10)

你可以用CSS做到这一点。通过定位课程.jqplot-point-label。请参阅页面上提供的example

答案 1 :(得分:8)

.jqplot-series-$i课程外,阅读来源还会发现.jqplot-data-label课程也适用于这些标签项目。

答案 2 :(得分:1)

你可以在没有CSS的情况下做到这一点。

for series set

pointLabels:{ 
  show:true,
  escapeHTML:false
}

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

当然,您可以在JavaScript循环中添加span。

答案 3 :(得分:0)

我正在使用甜甜圈聊天,这就是我改变目标和标签颜色的方式

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

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

}