Chart.js 如何去除chartjs工具提示中的白色方形轮廓或边框?

Chart.js 如何去除chartjs工具提示中的白色方形轮廓或边框?,chart.js,Chart.js,我正在使用ChartJS,但我不知道如何摆脱工具提示中的白色框。什么设置/选项将设置删除边框/白色轮廓或至少让我设置颜色 谢谢大家! 我记得我也有过这个问题,但我记不起答案了,在我搜索之后也没有找到答案 我唯一的解决方案是使用自定义工具提示 你可以改变我找到的这个。他们在css类.chartjs工具提示键中使用一个半径为5px的圆。去掉这条线,你就有了一个矩形 要么使用整个自定义工具提示,要么使用所需的零件。确实没有选择,但您可以解决它 白色轮廓的颜色由工具提示选项控制。通过将其设置为完全透明

我正在使用ChartJS,但我不知道如何摆脱工具提示中的白色框。什么设置/选项将设置删除边框/白色轮廓或至少让我设置颜色

谢谢大家!


我记得我也有过这个问题,但我记不起答案了,在我搜索之后也没有找到答案

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

你可以改变我找到的这个。他们在css类
.chartjs工具提示键中使用一个半径为5px的圆。去掉这条线,你就有了一个矩形


要么使用整个自定义工具提示,要么使用所需的零件。

确实没有选择,但您可以解决它

白色轮廓的颜色由工具提示选项控制。通过将其设置为完全透明(
#00000000
rgba(0,0,0,0)
),并禁用数据集上的边框,它至少看起来会更好(尽管仍然不完美)

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
                }
            }]
        }
    }
}, );