Chart.js 在Chartjs中隐藏图例
我想在标签和工具提示中隐藏Chart.js中的图例 我使用的是v2.5.0 我正在尝试这种方式,但它并没有隐藏在工具提示中的图例Chart.js 在Chartjs中隐藏图例,chart.js,Chart.js,我想在标签和工具提示中隐藏Chart.js中的图例 我使用的是v2.5.0 我正在尝试这种方式,但它并没有隐藏在工具提示中的图例 <canvas id="myChart" width="400" height="250"></canvas> <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script> <script>
<canvas id="myChart" width="400" height="250"></canvas>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.5.0/Chart.min.js"></script>
<script>
window.onload = function(e){
var ctx = document.getElementById("myChart").getContext("2d");
var data = {
labels: ["January", "February", "March", "April", "May", "June1", "July"],
datasets: [
{
fill: false,
lineTension: 0.3,
pointRadius: 15,
pointHitRadius: 15,
pointHoverRadius: 15,
data: [65, 59, 80, 81, 56, 55, 40],
spanGaps: false,
}
]
};
var options={
legend: {
display: false
},
tooltips: {
callbacks: {
label: function(tooltipItem, data) {
return tooltipItem.yLabel;
}
}
}
};
var myLineChart = new Chart(ctx, {
type: 'line',
data: data,
options: options
});
}
</script>
但是图例仍然显示在工具提示中,请查看并建议任何可能的方法
谢谢我通过在工具提示选项中添加
displayColors:false
找到了解决方案,如下所示
Chart.defaults.global.legend= false;
tooltips: {
displayColors:false,
callbacks: {
label: function(tooltipItem) {
return tooltipItem.yLabel;
}
}
}
现在没有显示图例,我希望它能帮助解决类似问题。只是想澄清一下:您不想在x轴上显示标签,或者不想在工具提示中显示图例(月份作为标题)?