Расположение каждой всплывающей подсказки в старшей диаграмме

Question

Я использую библиотеку Highchart для создания круговой диаграммы.

У меня есть несколько вопросов об использовании этой библиотеки:

1. Можно ли расположить всплывающую подсказку для каждого раздела?
2. Внутри всплывающей подсказки мне нужно выровнять значение «float-right».Является ли это возможным?3. Можно ли изменить высоту всплывающей подсказки и указателя курсора?

URL: https://jsfiddle.net/BlackLabel/eom8tqns/

  tooltip: {
    headerFormat: '',
    padding: 0,
    pointFormat: '<span style="color:{point.color}">\u25CF</span> <b> 
    {point.name}</b><br/>' +
        'Area (square km): <b>{point.y}</b><br/>' +
        'Population density (people per square km): <b>{point.z}</b><br/>'
},

Answer 1

Чтобы выровнять значения вправо и изменить высоту подсказки, установите соответствующие стили CSS:

.highcharts-tooltip {
  text-align: right;
}

.highcharts-tooltip > span {
  height: 100px;
}

Курсор может быть установлен в свойствах серии:

series: [{
  cursor: 'pointer',
  data: data
}]

Демо-версия:

• https://jsfiddle.net/BlackLabel/v2txyp6h/

Справочник по API:

• https://api.highcharts.com/highcharts/series.line.cursor