Каретка в пользовательской подсказке для чарджиса - PullRequest
Новая
       23

Каретка в пользовательской подсказке для чарджиса

0 голосов
/ 05 марта 2019

Я пытаюсь создать пользовательскую подсказку, используя ChartJs.До сих пор мне удавалось контролировать CSS заголовка и меток внутри всплывающей подсказки, но я не могу получить «каретку» в подсказке.

Текущий: Настраиваемая подсказка без каретки

Ожидается: Настраиваемая подсказка с кареткой

Я также попробовал учебное пособие по документации ChartJ, изучив несколько кодов.

См. Это:https://stackblitz.com/edit/chart-js-html-tooltip Это следует за учебником, но каретка по-прежнему отсутствует.

Я попытался поработать с этими двумя в конфигурациях chartjs: 

// Set caret Position

  tooltipEl.classList.remove('above', 'below', 'no-transform');
  if (tooltip.yAlign) {
    tooltipEl.classList.add(tooltip.yAlign);
  } else {
    tooltipEl.classList.add('no-transform');
  }

и 

 const positionY = this._chart.canvas.offsetTop;
  const positionX = this._chart.canvas.offsetLeft;

  // Display, position, and set styles for font for tooltip element
  tooltipEl.style.opacity = 1 as any;
  tooltipEl.style.left = positionX + tooltip.caretX + 'px';
  tooltipEl.style.top = positionY + tooltip.caretY + 'px';
  tooltipEl.style.padding = tooltip.yPadding + 'px ' + tooltip.xPadding + 'px';

Вы можете отредактировать https://stackblitz.com/edit/chart-js-html-tooltip, чтобы ответить

...