Highcharts расстояние от перекрестия до подсказки - PullRequest
0 голосов
/ 29 января 2019

В линейной диаграмме Highcharts у меня есть отформатированная всплывающая подсказка и перекрестие.Расстояние между всплывающей подсказкой и перекрестием довольно велико, поэтому возникает зазор (отмечен красным):

enter image description here

Настройка

tooltip: {
    distance: 1
}

решает проблему визуально, но затем я получаю ошибку компилятора: Литерал объекта может указывать только известные свойства, а «расстояние» не существует в типе «TooltipOptions»

Есть ли другой способминимизировать разрыв между всплывающей подсказкой и перекрестием?

Вот мои параметры графика, касающиеся всплывающей подсказки:

tooltip: {
    headerFormat: '',
    useHTML: true,
    backgroundColor: null,
    borderWidth: 0,
    shadow: false,
    shape: 'square',
    pointFormatter: function() {
      return '<div style="background-color:'+this.series.color+';color:white;padding:5px;font-size:12px;z-index:10">' + this.y.toLocaleString() + ' %</div>'
    },
    split: true,
    crosshairs: {
      color: '#333333',
      dashStyle: 'solid',
      width: 2,
    },
  },

1 Ответ

0 голосов
/ 29 января 2019

Это пространство вызвано значением по умолчанию свойства padding, его можно уменьшить следующим образом:

tooltip: {
    ...,
    padding: -8
}

Демонстрационная версия: http://jsfiddle.net/BlackLabel/6m4e8x0y/2098/

Справочник по API: https://api.highcharts.com/highstock/tooltip.padding

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...