Всплывающая подсказка отключена в Highcharts 3.X

Всплывающая подсказка отключается, когда ширина диаграммы меньше ширины всплывающей подсказки.Всплывающая подсказка отключена в Highcharts 3.X

Итак, я изменил «переполнение» атрибут «.highcharts-контейнер» „видимым“ и она была исправлена проблема во всех браузерах, кроме IE (я вижу ScrollBars в некоторых случаях) ,

вопрос: "Как я могу держать ToolTip оказываемых нормально и поддерживать IE?"

источник

2015-10-29 eXit

Дубликат http://stackoverflow.com/questions/17680627/highcharts-tooltip-cropping –

@SebastianBochan Я не могу использовать это решение, потому что «переполнение: видимое» сломает диаграмму в IE (видимы полосы прокрутки). – eXit

Почему бы вам не определить ширину вашей подсказке, которая меньше, чем ширина вашей карты и обернуть текст внутри него: http://jsfiddle.net/4qLsw34t/

tooltip: { 
 
      style: { 
 
       width: "100px" 
 
      } 
 
    }

Или вы можете использовать опция форматирования при использовании любой более ранней версии Highcharts: http://jsfiddle.net/4qLsw34t/5/

tooltip: { 
 
     \t useHTML: true, 
 
     \t formatter: function() { 
 
        return "<div style='white-space: normal; width: 150px;'>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</div>"; 
 
       } 
 
     },

источник

2016-04-04 12:44:19

Не работает для Highcharts 3 - http://jsfiddle.net/4qLsw34t/4/ –

Попробуйте использовать опцию форматирования. Он работает хорошо для меня с помощью графических карт 3: http://jsfiddle.net/4qLsw34t/5/ –

Установите z-индекс всплывающей подсказки на 1000 и индекс z внешнего контейнера HighCharts на меньшее число.

источник

2016-04-04 20:15:04

Проблема заключается в том, что содержащий элемент html слишком мал, и всплывающая подсказка вырезана из-за переполнения: скрытая, определяемая с помощью высоких диаграмм.

вы можете добавить следующий класс CSS:

.highcharts-container { 
    overflow: visible !important; 
    } 

    .highcharts-container svg { 
    overflow: visible !important; 
    }

вам нужно использовать важно, чтобы переопределить стиль, который настроен на Highcharts!.

источник

2018-02-27 09:56:43

Всплывающая подсказка отключена в Highcharts 3.X

ответ

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