如何自定義工具提示在底盒不屬於圖表高圖表

Question

的盒子我想餅圖的自定義工具提示像設計highchart，但我不知道如何做到這一點likes design here

但我就是做這樣的my result

My code [here][3] 

Answer 1

您需要到圖表的容器溢出屬性設置爲'visible'

chart: { 
    style: { 
    overflow: 'visible' 
    } 
} 

剩下的就是造型第裏面的html工具提示，例如像這樣：

pointFormat: ` 
     <ul class='tt-list'> 
     <li class='tt-item'>Last 4-Weeks (4/17 - 5/13)</li> 
     <li class='tt-item'>Orders Filled: 1,183</li> 
     <li class='tt-item'>Orders Cancelled: 90</li> 
     <li class='tt-item'>Open Orders: 10</li> 
     </ul>` 
    }, 

CSS：

.tt-list { 
    list-style-type: none; 
    margin: 10px; 
    padding: 0; 
} 

.tt-item:first-child { 
    font-weight: bold; 
} 

.tt-item { 
    margin: 0 0 10px 0 
} 

例如：https://jsfiddle.net/71khj4f7/