2015-10-20 35 views
0

有时我的观点很接近,我的高图隐藏了我的标签。有没有一个选项可以避免这种情况(图表是从定期刷新的数据中绘制出来的)海图 - 重叠标签不应该隐藏

在这个例子中,点“A TEST”和“B - 请显示我”靠得很近,导致重叠。下图是自动隐藏了B中的标签,但我想让它显示(图表不应该超过大约3点多这样的混乱不应该是一个问题)

http://jsfiddle.net/4jb4gusj/1/

$(function() { 


$('#container').highcharts({ 
    chart: {type: 'scatter'}, 
    title: {text: 'title'}, 
    subtitle: {text: 'subtitle'}, 
    xAxis: { 
     min: 2, 
     max: 5, 
     type: 'linear', 
     title: { 
      text: 'Weight' 
     } 
    }, 
    yAxis: { 
     title: { 
      text: 'Height' 
     }, 
     min: 110, 
     max: 170 

    }, 
    legend: { 
    Layout : 'vertical' 
    }, 
    tooltip: { 
     headerFormat: '<b>{series.name}</b><br>', 
     pointFormat: '{point.x:%e. %b}: {point.y:.2f} m' 
    }, 
    plotOptions: { 
     scatter: { 
      dataLabels: { 
       formatter: function() { 
        return this.series.name ; 
       }, 
       enabled: true 
      }, 
      marker: { 
       radius: 5, 
       states: { 
        hover: { 
         enabled: true, 
         lineColor: 'rgb(100,100,100)' 
        } 
       } 
      }, 
      states: {hover: {marker: {enabled: false}}}, 
      tooltip: { 
       headerFormat: '<b>{series.name}</b><br>', 
       pointFormat: '{point.x} cm, {point.y} kg' 
      } 
     } 
    }, 
    series: [{ 
     name: "A TEST ", data: [[3.91, 140.63]] 
      }, { 
     name: "B - PLEASE SHOW ME", 
     data: [[3.65, 143.68]] 
    }, { 
     name: "C TEST ", 
     data: [[2.69, 172.94]] 
    } 
    ] 
}); 

});

+0

小提琴缺少 –

+0

谢谢,对不起 - 在“链接,而无需代码的jsfiddle让我困惑了一会儿” – fox

回答

1

如果重叠不是一个问题,使用

allowOverlap:true, 

更新fiddle here

+0

感谢就是这样。欣赏协助。看起来像我使用的库 - dotnet.highstock可能没有支持,所以我可能需要添加它 – fox

+0

allowoverlap在datalabel中可用,请检查它 –

+0

谢谢,它是 - 除非你使用https:// github .com/lisa3907/dotnet.highstock - 为源代码提供了帮助,并且它正在工作(现在我需要提交更改,但到目前为止我已经完成了2或3个)。 – fox