我正在尝试使用ChartJs创建自定义工具提示。到目前为止,我已经设法控制了标题和标签的CSS,但我无法在工具提示中获得“插入符号”。
当前: Custom Tooltip without caret
我也尝试过ChartJs文档教程,研究了多个代码笔。
请参阅: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';