如何摆脱chartjs工具提示中的白色正方形轮廓或边框？

Question

我正在使用ChartJS，但无法弄清楚如何摆脱工具提示中的白框。什么设置/选项将设置去除边框/白色轮廓，或者至少让我设置颜色？

谢谢！

data_sets.push({
    data: date_list["data_counts"],
    label: date_list["name"],
    fill: true,
    backgroundColor: transparentizeColor,
    borderColor: newColor,
    pointBackgroundColor: newColor,
    pointBorderColor: newColor,
  })

my_chart = new Chart(ctx, {
    type: 'line',
    data: {
        labels: data["date_labels"],
        datasets: data_sets
    },
    options: {
        tooltips: {
            intersect: false,
        },
        elements: {
            point: {
                radius: 0
            }
        },
        legend: {
            display: false
        },
        scales: {
            yAxes: [{
                ticks: {
                    precision: 0,
                    suggestedMax: 3,
                    beginAtZero: true
                }
            }],
            xAxes: [{
                gridLines: {
                    display: false
                }
            }]
        }
    }
}, );

Answer 1

我记得我曾经也遇到过这个问题，但是我不记得答案了，搜索后也没有找到答案...

我唯一的解决方案是使用自定义工具提示。

您可以更改我发现的JSFiddle。他们在css类border-radius: 5px中使用带有.chartjs-tooltip-key的圆。删除此行，您将看到一个矩形。

要么使用整个自定义工具提示，要么使用您需要的部件。