Можно ли изменить непрозрачность всплывающей подсказки jqplot?

У меня есть диаграмма столбца jqplot, для которой я применил tooltipContentHandler, чтобы показать изображение, а не текст. Вот код ...Можно ли изменить непрозрачность всплывающей подсказки jqplot?

tooltipContentEditor: function(str, seriesIndex, pointIndex, jqPlot) { 
    var currentItem = myData[0][pointIndex]; 
    var pid = currentItem[0]; 
    // Get the image url from static list... 
    var pidImage = pidImages[pid]; 

    var s = "<img src='" +pidImage+ "' width=50px height=50px/>"; 
    return s; 
}

Это прекрасно работает - изображение отображается, когда мышь перемещается по бару. Моя проблема связана с непрозрачностью изображения - поскольку часть изображения накладывается на панель, а другая - нет, непрозрачность изображения выглядит странно.

Так что, хотя я бы просто изменить непрозрачность, добавив в функции tooltipContentHandler ...

$('.jqplot-highlighter-tooltip').css("background", "rgba(208,208,208,1.0)");

, что не имеет никакого значения, так что я сделал изменения непосредственно в jqplot CSS (в том числе». мин "):

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip { 
    /*replace this 
     background: rgba(208,208,208,0.5); 
    with...*/ 
    background: rgba(208,208,208,1.0); 
}

но все тот же непрозрачность проблема. Затем я попытался сделать такое же изменение rgba в .jqplot-cursor-tooltip в css, хотя я знал, что это не имеет значения.

У кого-нибудь есть хорошие идеи о том, как я могу решить эту проблему?

Спасибо.

источник

2013-12-09 user265330

вы можете переопределить свойство CSS для подсказки div для вашего графика. там вы можете указать свою непрозрачность – Gyandeep

@Gyandeep Это не совсем то, что я сделал выше? – user265330

использовать CSS свойство:

opacity:0.4;

на изображение, чтобы изменить непрозрачность. CSS Image Opacity help

источник

2013-12-10 15:32:42 Gyandeep

Спасибо, что ответили. Я уже пробовал это, хотя с непрозрачностью 1.0: 'var s =" ";' но это не имело значения. – user265330

какой браузер вы используете? – Gyandeep

Хром (31.0.1650.57) – user265330

Попробуйте изменить класс

.jqplot-cursor-tooltip

вместо подсветки одного или переопределение, что (с использованием «важно!» В конце правила)

Здесь вы можете найти список правил CSS : http://www.jqplot.com/docs/files/jqPlotCssStyling-txt.html

источник

2014-01-04 17:33:56 Alberto

Я установил непрозрачности jqPlot подсказке с:

$('.jqplot-highlighter-tooltip').css({'background': '#fafafa', 'padding': '2px 5px'});

источник

2014-04-09 12:19:54

Сначала я подумал, что это проблема с непрозрачностью, но это проблема с z-index. Так что в моем случае я решил его в CSS с:

.jqplot-highlighter-tooltip, .jqplot-canvasOverlay-tooltip { 
    z-index: 2; 
    background: rgba(208,208,208,1)!IMPORTANT; 
}

Метка точкой имеет Z-индекс: 2, но в подсказке будет в конечном итоге на вершине с тем же г-индексом с подсказки добавляется впоследствии с JavaScript

источник

2016-01-18 11:37:34 orjtor

Я использовал как «Антон Данилченко», но внутри метода Extender из класса PieChartModel, и это сработало для меня.

pieModel.setExtender ("function() {$ ('. Jqplot-highlighter-tooltip'). Css ({'background': '#fafafa', 'padding': '2px 5px'});}");

источник

2017-05-24 14:16:11 Paula

Можно ли изменить непрозрачность всплывающей подсказки jqplot?

ответ

Смежные вопросы