2015-06-22 2 views
1

У меня есть собственный пользовательский btton, чтобы развернуть диаграмму с высоким разрешением, используя функцию chart.drillUp();, но я все еще получаю highchart, встроенный в кнопку сверления, поэтому я попытался отключить кнопку по умолчанию, установив это текст пустой строки, как:Проблема с отключением (не отображается) Highcharts Drill-up Back Button

Highcharts.setOptions({ 
    lang: { 
     drillUpText: '' 
    } 
}); 

Demo

, но все еще есть небольшая кнопка на графике в детализации. Не могли бы вы дать мне знать, как полностью избавиться от него?

+0

Как насчет отображения этой кнопки вне видимого графика? См. [DrillUpButton.position] (http://api.highcharts.com/highcharts#drilldown.drillUpButton.position). Во всяком случае, было бы нелегко удалить модуль drilldown.js и адаптировать обратный вызов 'point.events.click' для установки новых данных? –

+0

Привет, Павел, вы правы, одно решение может использовать '.position', но я не получил то, что вы подразумеваете, используя' point.events.click'? не могли бы вы дать мне знать, как это сделать? Спасибо – Suffii

+0

Просто в 'point.events.click' установите новые данные для диаграммы в соответствии с нажатой точкой. Затем в кнопке развертки установите родительские данные. Что-то вроде [этого] (http://jsfiddle.net/AMwtV/). Ну, единственное, что изменилось - это анимация, так что это зависит от вас. –

ответ

1

Вы в состоянии включить/отключить кнопку динамически:

var chart = $('#container').highcharts(); 
chart.showDrillUpButton(); // enable 
chart.drillUpButton = chart.drillUpButton.destroy(); // disable 

Бегущий пример здесь: http://jsfiddle.net/9buhzzbh/

В вашем случае, вы можете поместить отключить строку в функции Drilldown событий, чтобы отключить его ,


Update CSS-способ сделать это: https://stackoverflow.com/a/23080111/1589218