最佳答案
使用工具提示
选项,
指定透明颜色 --> backgroundColor: 'rgba(0, 0, 0, 0)'
要删除颜色方 block ,请使用 --> displayColors: false
options: {
tooltips: {
backgroundColor: 'rgba(0, 0, 0, 0)',
displayColors: false
}
}
请参阅以下工作片段...
$(document).ready(function() {
var myPieChart = new Chart(document.getElementById('myChart').getContext('2d'),{
type: 'pie',
data: {
datasets: [{
data: [10, 20, 30],
backgroundColor: ['rgb(255, 99, 132)','rgb(54, 162, 235)','rgb(255, 205, 86)']
}],
labels: [
'Red',
'Yellow',
'Blue'
]
},
options: {
tooltips: {
backgroundColor: 'rgba(0, 0, 0, 0)',
bodyFontColor: '#000000',
displayColors: false
}
}
});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.2/Chart.bundle.min.js"></script>
<canvas id="myChart"></canvas>
关于charts - 如何从 Chart.js 中的工具提示中删除背景颜色和颜色示例?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51477724/