在chart.js中的鼠标悬停时设置X标签格式

阿尔瓦罗

我正在使用Javascrip Date对象作为X标签。我能够在X轴上正确设置其格式,但是现在我在将鼠标移到图表中的每个条形上时都在努力格式化标签。

在此处输入图片说明

如何将整个日期更改为自定义格式?

在线复制

我想它必须要ticks选择吗?

泰迪

title在您的tooltips属性中编辑callback属性,该属性存储在option中:

tooltips: {
    callbacks: {
        title: function(tooltipItem, chartData) {
            // You return what you want here
            return "Title";
        }
    }
}

您可以在此jsFiddle上看到更新后的示例,这是其结果:

在此处输入图片说明

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

格式化chart.js x标签

JavaFX Chart轴标签格式

更新图表时修改chart.js中的标签

Chart.js-鼠标悬停会导致图形闪烁和调整大小

在Chart.js 2中修改散点图的X轴标签

使用chart.js将鼠标悬停在图表上时移动垂直线

Chart.js多数据集问题:将鼠标悬停在第n个点“悬停”在每个数据集的第n个点上

Chart.js-悬停标签以显示x轴上所有数据点的数据

删除chart.js中的“标签”

在chart.js中为每个标签设置特定颜色

Chart.js-自定义CSS到鼠标悬停时的数据集

如何在鼠标悬停时定位自定义工具提示,等效于在图表属性中的事件加载时通过使用chart.renderer.text来使用默认工具提示

Chart.js鼠标悬停在显示旧图表数据上

将鼠标悬停在折线图数据上,可以激活Chart.js中的其他数据集

在鼠标悬停时滑动Div标签

鼠标悬停功能在Chart.js中表现怪异

当光标位置错误时,将显示Chart.js鼠标悬停工具提示

悬停点上显示错误的标签值-Chart.JS

角度| PrimeNG | Chart.js | 标签中的格式编号

将鼠标悬停在带有Javascript的Google Chart API上时如何更改光标样式

需要帮助修改Chart.js鼠标悬停工具提示

鼠标悬停时的列表标签颜色

Chart js散点图标签

Chart.js 中的水平 xAxis 标签

Chart js scatter - 在悬停时显示标签

在悬停时从 Chart.js 中删除数据文本

在 Ng Apex Chart(Angular) 中格式化 x 轴标签时,x 轴标签重复

chart.js 条形图数据标签在悬停在图表上时消失

使用chart.js数据标签插件时如何格式化chart.js数据标签?