2013-04-24 74 views
1

如何讓StockChart工具提示的行爲與HighCharts中的行爲相同?使StockCharts中的工具提示與HighCharts中的工具提示行爲相同

如果您查看小提琴,在股票圖表中,光標移動到鼠標位置,在「圖表」實例中,工具提示會捕捉到最近的點。

這裏是小提琴:

http://jsfiddle.net/gn393/

$(function() { 
    var chart = new Highcharts.StockChart({ 
     chart: { 
      renderTo: 'container1' 
     }, 

     tooltip: { 
      positioner: function (w,h,p) { 
       return { x: p.plotX + chart.plotLeft, y: p.plotY + chart.plotTop }; 
      } 
     }, 

     series: [{type:"area", 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
     }, { 
      data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]   
     }] 
    }); 
}); 

$(function() { 
    var chart = new Highcharts.Chart({ 
     chart: { 
      renderTo: 'container2' 
     }, 

     tooltip: { 
      positioner: function (w,h,p) { 
       return { x: p.plotX + chart.plotLeft, y: p.plotY + chart.plotTop }; 
      } 
     }, 

     series: [{type:"area", 
      data: [29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4, 194.1, 95.6, 54.4]   
     }, { 
      data: [194.1, 95.6, 54.4, 29.9, 71.5, 106.4, 129.2, 144.0, 176.0, 135.6, 148.5, 216.4]   
     }] 
    }); 
}); 

我需要的工具提示捕捉到的StockChart的最近點。

回答

2

這是共享工具提示在Highcharts中的工作原理。您需要將其禁用(shared: false),才能獲得理想的效果,請參閱:http://jsfiddle.net/gn393/1/

+0

您好,先生,傳奇! – anber 2013-04-24 10:22:17