Crosshair Tooltip below chart

[Peter]

Hi,

how can I change the position of the Crosshair Tooltip below the chart?

I found https://www.telerik.com/forums/understanding-valueaxis-crosshair and in the dojo is used

valueAxes: [{crosshair: {tooltip: {position:"left",

But I can not find  crosshair.tooltip.position in docs

I'm interested in a chart like amchart, see https://www.amcharts.com/demos/candlestick-chart/

Best regards,

Peter

[Tsvetina]

Hello Peter,

Indeed, the tooltip position property is missing from the Chart API reference article. I added a note in our documentation feedback to fix this. Following the same logic, in order to display the category tooltip at the bottom of the Chart, set categoryAxis.crosshair.tooltip.position = "bottom":

categoryAxis: {
  categories: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20", "21", "22", "23", "24", "25", "26", "27", "28", "29", "30", "31"],
  axisCrossingValues: [32, 32, 0],
  justified: true,
  crosshair: {
    tooltip: {
      position: "bottom",
      visible: true
    },
    visible: true
  },
}

You can see the updated Dojo here:
http://dojo.telerik.com/@tsveti/uwivEPah

I also added a shared tooltip for the series and formatted the value axes tooltips to show more user-friendly numbers.

Regards,
Tsvetina
Progress Telerik