2013-03-18 6 views
1

Я добавил новую пользовательскую кнопку и хотел изменить ее заполнение при наведении курсора мыши. Можно ли это сделать при использовании символьного изображения? Если нет, у меня есть другой символ, который выглядит одинаково, но имеет различный цвет заливки , чтобы он выглядел как зависающий? есть ли способ заменить изображение на mouseenter/mouseout?Highcharts: замените изображение пользовательской кнопки на hover

С уважением Chanan

+0

Вот jFiddle пример того, как добавить свой собственный образ в пользовательской кнопки: http://jsfiddle.net/Udgb3/ –

ответ

0

Возьмите взгляд на пример: http://jsfiddle.net/AvpDk/

normalState = new Object(); 
    normalState.stroke_width = null; 
    normalState.stroke = null; 
    normalState.fill = null; 
    normalState.padding = null; 
    normalState.r = null; 

    hoverState = new Object(); 
    hoverState = normalState; 
    hoverState.fill = 'red'; 

    pressedState = new Object(); 
    pressedState = normalState; 

    var custombutton = chart.renderer.button('button', 74, 10, function(){ 
     alert('aaa'); 
    },null,hoverState,pressedState).add(); 
+0

Привет Я видел этот ответ раньше, но у этого есть проблема при выполнении Уменьшить масштаб (Ctrl +/-), и кнопка сдвинется с места. Проверка кнопок навигации - они не ведут себя так, и они продолжают фиксироваться на своем месте. –

+0

PS: если вы заметили jFiddle, который я добавил в качестве комментария, у меня есть кнопка навигации (например, экспорт) с измененным символом - теперь мне нужно сделать ее более похожим на кнопку - значит, когда mouseenter/mouseover это изменяет альфа цвет до 50% –

+0

или изменить цвет заливки так же, как кнопка печати –

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