工具提示在Highcharts 3.X中被截斷

當工作表的寬度小於工具提示寬度時，工具提示被切斷。工具提示在Highcharts 3.X中被截斷

所以，我已經改變了「.highcharts容器」，以‘看得見’的「溢出」屬性，它是固定在IE之外的所有瀏覽器的問題（我看到在某些情況下滾動條）。

的問題是「我怎樣才能保持正常的工具提示和渲染支持IE？」

2015-10-29 eXit

重複的http://stackoverflow.com/questions/17680627/highcharts-tooltip-cropping –

@SebastianBochan我不能使用這個解決方案，因爲「溢出：可見」會打破IE中的圖表（ScrollBars是可見的）。 – eXit

你爲什麼不定義提示的寬度大於圖表的寬度和包裹裏面的文字：http://jsfiddle.net/4qLsw34t/

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

或者你也可以使用格式化程序選項，如果使用任何較早版本的高級圖表：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/ –

將tooltip的z-index設置爲1000，將HighCharts外部容器的z-index設置爲較小的數字。

來源

2016-04-04 20:15:04

的問題是，所包含的HTML元素太小，和工具提示被切斷，因爲溢出的：由highcharts隱藏的定義。

您可以添加以下CSS類：

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

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

你需要使用重要的是要覆蓋由highcharts配置的風格！

來源

2018-02-27 09:56:43

工具提示在Highcharts 3.X中被截斷

回答

相關問題