laravel 如何隐藏chart.js工具提示内容中的标签数据？

aiqt4smr 于 2023-05-23 发布在 Chart.js

关注(0)|答案(6)|浏览(144)

我使用Metronic Theme，它使用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                
}

laravel

来源：https://stackoverflow.com/questions/63624377/how-can-i-hide-label-data-on-chart-js-tooltip-content

6条答案

按热度按时间

roejwanj1#

您可以在工具提示中使用formatter函数，在该函数中，您可以访问this，您可以获取所需的数据。
下面是一个例子：

tooltip: {
    formatter: function() {
      return `${this.y} ${this.series.name}`;
    }
  },

赞(0）回复(0）举报 2023-05-23

xesrikrc2#

如果你试过标签：“priceDate”，？
这可能起作用（而不是腐 eclipse 回收器）吗？

options: {tooltips: {enabled: true, dateTimeLabelFormats: {day: '% %, %'}},

赞(0）回复(0）举报 2023-05-23

v1uwarro3#

使用tooltip.headerFormat或tooltip.formatter回调自定义工具提示输出。
API：https://api.highcharts.com/highcharts/tooltip.headerFormat
API：https://api.highcharts.com/highcharts/tooltip.formatter

赞(0）回复(0）举报 2023-05-23

vq8itlhq4#

最好使用tooltipformatter。在那里你可以格式化工具提示应该如何显示数据。这里有一个link到jsfiddle，它只显示数据，没有标签。

赞(0）回复(0）举报 2023-05-23

dwthyt8l5#

我用回调函数解决了问题。

tooltips: {
callbacks: {
 title: function() {}
},
enabled: true}

赞(0）回复(0）举报 2023-05-23

qyuhtwio6#

对于ChartJS v4

plugins: {
    tooltip: {
        callbacks: {
            title: function() {
                return null;
            }
        }
    }
}

赞(0）回复(0）举报 2023-05-23

我来回答

laravel 如何隐藏chart.js工具提示内容中的标签数据？

6条答案

相关问题

热门标签

最新问答