更改 Chart.js 工具提示中的日期格式

2023-12-25

我正在使用 Chart.js 生成图表。 一切正常!

但是如何格式化工具提示信息呢?应该是:2020年4月28日 - 05:00


你需要定义time.tooltipFormat https://www.chartjs.org/docs/latest/axes/cartesian/time.html#display-formats为您xAxis.

See Moment.js https://momentjs.com/docs/#/displaying/format/对于允许的格式标记。

options: {
    ...
    scales: {
        xAxes: [{
            type: 'time',
            time: {
                unit: 'hour',
                tooltipFormat: 'DD.MM.YYYY - HH:mm' 
            }
            ...
        }]
    }
    ... 
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

更改 Chart.js 工具提示中的日期格式 的相关文章

  • 如何增加标签和图表区域之间的空间?

    我所有的标签都在栏的顶部 我可以看到这个 but I want that would be like this 填充不适用于税费 但适用于税费 legend display false scales xAxes position top s
  • Chartjs 在鼠标悬停时非常快速地调整大小(闪烁)

    我在基于引导的页面中有一个图表 我试图在页面调整大小时调整它的大小 以遵循响应式设计的变化 所以我有这段代码 function redrawChart var w chart container width var c document g
  • 条形图中每个条形有不同的颜色;图表JS

    我在我正在开发的项目中使用 ChartJS 并且我需要为条形图中的每个条形使用不同的颜色 以下是条形图数据集的示例 var barChartData labels 001 002 003 004 005 006 007 datasets l
  • Chartjs:如何删除特定标签

    我有一个包含这些数据和选项的条形图 var data labels periodnames datasets yAxisID bar stacked data rcash backgroundColor FFCE56 label yAxis
  • 无法读取未定义的属性“标签”

    我刚刚学习 Chart js 的工作原理 因此我直接使用了 Chart js API 页面上的示例代码 但它似乎不起作用 我将以下代码放入脚本标记中 并收到 无法读取未定义的属性 标签 错误 不确定这个错误意味着什么 function va
  • 如何移动 Chart.js 饼图上的标签位置

    我正在使用 Chart js 并且尝试将饼图上的标签移到饼图区域之外 请参见红色 X 这是我现在的代码 div class container h4 class title Title h4 div
  • Chart.js 中未显示折线图

    问题很严重 我看不到图表的线条 当我按下任何按钮时 X 轴的时间应该根据按下的按钮而相应地变化我已经浏览文档很长一段时间了 但仍然无法弄清楚 图表数据 import React useRef useEffect useState from
  • 如何在React ChartJS中获取填充圆图?

    我想介绍一个填充圆图 气泡图的变体 仅包含半径作为其尺寸 React Chartjs乃至Chartjs仅支持气泡图 不支持圆形图 这是我想要添加的预期图表的示例 我可以使用这样的东西吗react chartjs 例如 需要执行如下操作来定期
  • 如何在多行字符中只显示一个标签?

    我使用 Chart js 创建一个图表 该图有两条线 因此它默认也显示两个标签 但我需要一种配置 其中应该显示红色标签 而应该隐藏蓝色标签 标签not线 感谢您的帮助 var config type line data labels 16
  • 使 Chart.js 在悬停时在散点图中的点之间呈现一条线

    我有一个包含两个数据集的简单散点图 active and passive const data datasets label Active sentences A1 A2 A3 data 0 4340433805869016 0 12813
  • Chart.js 刻度线和 X 轴之间的空间

    我正在使用 Chart js 版本 3 x 制作一个简单的画布 它只是显示价格的演变 X 轴用于时间 Y 轴用于进化百分比 我已经成功做到了这一点 但现在 我想添加一些风格 我的目标是在标记刻度和 X 轴之间添加一些空间 我用过chart
  • 如何在 Chart.js 中将 Y 轴值从数字更改为字符串?

    我在用Chart js http www chartjs org 我正在尝试更改 y 轴 请参见下面的屏幕截图 我尝试填写yLabels具有字符串数组的属性 但这没有用 任何帮助 将不胜感激 jQuery document ready fu
  • d3.js 和 Chart.js 之间的比较(仅适用于图表)[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 我在项目中多次使用过 Chart js 但从未使用过 d3 js 很多人说 d3 js 是最好的图表 javascript 框架 但没
  • Chart.js - 使用 mysql 和 php 从数据库获取数据

    我正在尝试将静态数据转换为使用数据库结果 我将使用MySQL and PHP 示例代码 var randomScalingFactor function return Math round Math random 100 var lineC
  • 如何在 ChartJS 中创建自定义图例

    我需要使用 ChartJS 库为我的圆环图创建自定义图例 我已经使用 ChartJS 提供的默认图例创建了甜甜圈 但我需要一些修改 我希望其价值高于汽车名称 另外 我不喜欢粘性图例 我想将其与甜甜圈分开 这样我就可以更改字体 框的样式 例如
  • ChartJs如何从多个数据集中获取单击了哪个数据集栏

    I want add a unique url to each bar and open that url on click one of bar But in my case i have two datasets I am using
  • Chart.js 点击标签,使用条形图

    我需要有关 Chart js 交互性的帮助 当我单击标签时 我需要返回我单击的列 索引 号 我尝试使用 getElementsAtEvent 但只有当我直接单击图表时它才有效 This http jsfiddle net yxz2sjam
  • 如何在 Chart.js 中从最高到最低对数据进行排序

    我在如何使用 Chart js 对数据从高到低进行排序时遇到一些问题 我使用 Laravel 并使用 Chart js 来显示我的数据 但是我不知道如何进行操作以将 Chart js 中的最高值排序为最低值 数据 My code var c
  • 如何在 yAxis Chartjs 中的两条线之间添加背景颜色

    我如何在chartjs中Y轴的两条线之间添加背景颜色 如果你检查了这个数字 我需要能够做这样的事情 在两条线之间设置颜色 第一个是橙色 然后是蓝色或其他颜色 我检查了官方文档 但没有找到任何内容 这也是我的图表配置 this options
  • 如何在 Chart.js 2 中设置轴的步长?

    我使用带有 3 个 Y 轴的 Chart js 创建了一个简单的折线图 https codepen io anon pen dZVgKw https codepen io anon pen dZVgKw 正如您所看到的 最后一个从 10 到

随机推荐