Home Forums StockChart Support Show tooltip for all stockcharts Reply To: Show tooltip for all stockcharts

#44282

@mustadirmahmood,

You can get access to stockchart object from event parameter of tooltip’s updated event as e.chart.stockChart. Please take a look at the code snippet below to show the tooltip across charts in stockchart based on nearest x value.


function showTooltip(e) {
  var stockChart = e.chart.stockChart;
  var charts = stockChart.charts;

  for( var i = 0; i < charts.length; i++){
    if(charts[i] != e.chart) {
      charts[i].toolTip.showAtX(getNearestXValues(e.entries[0].xValue, charts[i].data[0].dataPoints));
    }
  }
}

function hideTooltip(e) {
  var stockChart = e.chart.stockChart;
  var charts = stockChart.charts;

  for( var i = 0; i < charts.length; i++){
    if(charts[i] != e.chart)
      charts[i].toolTip.hide();
  }
}

Also, check out this updated JSFiddle for the complete working code.

—-
Manoj Mohan
Team CanvasJS