Question

我正在使用chart.js 2.6.0。我想隐藏工具提示插入符号。我尝试在工具提示选项中使用'caret：false'，但它不起作用。我怎么能真正隐藏插入符？

options: {
      tooltips: {
         caret: false,
      },
      scales: {
         yAxes: [{
            ticks: {
               beginAtZero: true,
            }
         }]
      }
   }

提前感谢您的帮助！

Answer 1

要隐藏工具提示的插入符号，您需要将 caretSize 属性设置为 0 工具提示，在图表选项中，如下：

options: {
   tooltips: {
      caretSize: 0
   },
   ...
}

Answer 2

我记得前一段时间使用它们。基本上关闭它们是将caretSize置于零。

// Options
{
    tooltips: {
        caretSize: 0
    }
}

以下是repository

中的选项列表（虽然不完整）

{
    enabled: true,
    custom: null,
    mode: 'nearest',
    position: 'average',
    intersect: true,
    backgroundColor: 'rgba(0,0,0,0.8)',
    titleFontStyle: 'bold',
    titleSpacing: 2,
    titleMarginBottom: 6,
    titleFontColor: '#fff',
    titleAlign: 'left',
    bodySpacing: 2,
    bodyFontColor: '#fff',
    bodyAlign: 'left',
    footerFontStyle: 'bold',
    footerSpacing: 2,
    footerMarginTop: 6,
    footerFontColor: '#fff',
    footerAlign: 'left',
    yPadding: 6,
    xPadding: 6,
    caretPadding: 2,
    caretSize: 5,
    cornerRadius: 6,
    multiKeyBackground: '#fff',
    displayColors: true,
    borderColor: 'rgba(0,0,0,0)',
    borderWidth: 0
}

Chart.js - 隐藏工具提示插入符号

2 个答案: