2014-01-06 25 views
1

我的问题是容器外部的标签被裁剪。我已经设置了属性overflow =“none”和crop = false,但没有任何变化。标签“发送的电子邮件”仍然在集装箱外面裁剪。谁能指出我的解决方案。Hightcharts漏斗阴谋。容器外部的标签被裁剪

你可以在这里找到我的例子:http://jsfiddle.net/d4zGF/540/

$(document).ready(function(){ 
    $('#container') 
     .highcharts({ 
      chart: { 
       type: 'funnel', 
       marginLeft:0, 
       marginRight: 10, 
       marginBottom: 20 
      }, 
      title: { 
       text: "Problem with data lables", 
       x: -50 
      }, 
      plotOptions: { 
       funnel: { 
        dataLabels: { 
         useHTML: true, 
         overflow:"none", 
         crop:false, 
         enabled: true, 
         distance:10, 
         format: '<b>{point.name}</b> ({point.y:,.0f})', 
         color: 'black' 
        }, 
        neckWidth: (20/50*0.8+0.2)*100+"%", 
        neckHeight: (20+5)/(50+20+5)*100+"%", 
        width:"100%" 
       } 
      }, 
      legend: { 
       enabled: false 
      }, 
      series: [{ 
       name: 'emails', 
       data: [ 
        ['emails sent', 50], 
        ['returns',  20], 
        ['successful', 5] 
       ] 
      }] 
     }) 
}) 

提前感谢!

回答