如何解决如何隐藏chart.js工具提示内容上的标签数据?
我正在使用Metronic主题,并且正在使用Chart.js。在工具提示上,我只需要显示不带标签的数据。但是,当我不给标签提供参数表时,它们就会出错。
var config = {
type: 'line',data: {
labels: priceDate,datasets: [{
label: "$",borderColor: color,borderWidth: border,pointHoverRadius: 4,pointHoverBorderWidth: 12,pointBackgroundColor: Chart.helpers.color('#000000').alpha(0).rgbString(),pointBorderColor: Chart.helpers.color('#000000').alpha(0).rgbString(),fill: false,data: priceList,}]
},options: {
tooltips: {
enabled: true,},responsive: true,maintainAspectRatio: true
}
解决方法
您是否尝试过标签:“ priceDate”,?
这是否可行(而不是破坏检索器)?
panel.spacing
,
您可以在工具提示中使用formatter
函数,并且可以在该函数内部访问this
,以获取所需的数据。
这里是一个例子:
tooltip: {
formatter: function() {
return `${this.y} ${this.series.name}`;
}
},
,
使用tooltip.headerFormat
或tooltip.formatter
回调来自定义工具提示输出。
API:https://api.highcharts.com/highcharts/tooltip.headerFormat
API:https://api.highcharts.com/highcharts/tooltip.formatter
,更好地使用tooltipformatter
。在那里,您可以格式化工具提示应如何显示数据。
这是jsfiddle的link,仅显示数据,不显示标签。
我通过回调函数解决了问题。
tooltips: {
callbacks: {
title: function() {}
},enabled: true}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。