如何隐藏图表工具提示的标题?

2024-01-06

我正在使用图表 js 显示分组条形图并尝试隐藏工具提示的标题

生成栏的代码

var ctx = document.getElementById("myChart").getContext("2d");

var data = {
    labels: ["Chocolate", "Vanilla", "Strawberry"],
    datasets: [
        {
            label: "Blue",
            backgroundColor: "blue",
            data: [3,7,4]
        },
        {
            label: "Red",
            backgroundColor: "red",
            data: [4,3,5]
        },
        {
            label: "Green",
            backgroundColor: "green",
            data: [7,2,6]
        }
    ]
};

var myBarChart = new Chart(ctx, {
    type: 'bar',
    data: data,
    options: {
        barValueSpacing: 20,
        scales: {
            yAxes: [{
                ticks: {
                    min: 0,
                }
            }]
        }
    }
});

在工具提示中,它显示标签巧克力、香草、草莓,我尝试用以下内容隐藏标签

将标题字体大小设置为 0 但不起作用

tooltipTitleFontSize: 0

我尝试过使用工具提示回调,它会禁用标签蓝色、红色、绿色,但我不需要它

 tooltips: {
        callbacks: {
           label: function(tooltipItem) {
                  return tooltipItem.yLabel;
           }
        }
    }

帮助我提前致谢


要隐藏工具提示的标题,您需要在工具提示标题上返回一个空函数's回调,就像这样...

options: {
   tooltips: {
      callbacks: {
         title: function() {}
      }
   },
   ...
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何隐藏图表工具提示的标题? 的相关文章

随机推荐

  • LaTeX 中的条件导入?

    我将记下大量的课堂笔记 然后将它们编译成 LaTeX 这样我就可以拥有优秀的文档供将来查看 我正在尝试组织一些事情 以便我可以拥有一堆包含讲座笔记的小文档 然后在学期结束时将它们编译成包含所有这些笔记的大文档 我过去曾成功地使用过 impo
  • 使用 Gradle 覆盖 GCM 权限包前缀

    我有一个 Gradle Android 项目 有 4 种产品风格 每种产品都有自己独特的包名称 这build gradle文件的性质非常简单 buildscript repositories mavenCentral dependencie
  • 将 DataTable 导出到 CSV 时出现逗号问题

    我采用了一些将 DataTable 转换为 CSV 文件的代码 它似乎工作得很好 除了在实际数据中使用逗号时 在这种情况下有没有办法显示逗号 这就是我所做的 StringBuilder sb new StringBuilder IEnume
  • 了解 gc.get_referrers

    我正在尝试跟踪 Python 2 7 中的内存泄漏 我找到了 gc get referrers 但不理解输出 删除后dying node 除了我在狩猎过程中创建的列表之外 这应该删除所有引用 我的代码中有 gc collect print
  • 在 wpf 应用程序中安装窗口服务

    我有两个项目 wpf 和 windows 服务 我已经为 wpf 项目创建了设置 我想使用 wpf 项目安装来安装窗口服务 即一旦用户安装 wpf 项目 窗口服务将自动安装 是否可以 请建议 Thanks None
  • 从相机捕获的iphone图像自动旋转-90度

    以编程方式 我已在应用程序中从相机中获取图像 它已经很好地获取了 但是当我切换到另一个视图并关闭该视图时 我的图像会自动旋转 90 度 这种变化仅在我移动之后第一次发生 当我移动时 没有发生任何变化意味着图像保持在 90 度状态 并且仅当我
  • 如何在 T-SQL 中用年、月、日计算年龄

    在 T SQL SQL Server 2000 中计算某人年龄 以年 月和日为单位 的最佳方法是什么 The datediff函数不能很好地处理年份边界 而且将月份和日期分开将是一个麻烦 我知道我可以相对轻松地在客户端完成此操作 但我希望在
  • PyQt:QGraphicsView中的鼠标事件

    我想用 PyQt 用 Python 编写一个简单的程序 我有一个 QGraphicsScene 我想执行以下操作 使用两个单选按钮有 2 个选项 用于生成点 这样 如果有人单击场景 就会出现一个椭圆 用于选择点 这样 如果有人单击某个点 将
  • 如何从 Linux 帧缓冲区获取 RGB 像素值?

    我想使用 Linux 以最有效的方式获取屏幕像素的 RGB 值 所以我决定使用C中的framebuffer库 fb h 访问帧缓冲设备 dev fb0 并直接从中读取 这是代码 include
  • 如何在VS Code的集成终端中正确显示unicode字符?

    根据标题 我似乎无法让 VS Code 集成终端正确显示 unicode 字符 它们在集成终端中始终显示为问号 我已确保文件以编码方式保存UTF 8这似乎是迄今为止我所看到的所有答案中建议的唯一解决方案 但无济于事 System out p
  • 调试错误 -Abort() 已被调用

    我正在尝试输入一个数字 n 并获得大于或等于 n 的最小超级幸运数字 超级幸运 它的十进制表示包含等量的数字 4 和 7 例如 数字 47 7744 474477 是超级幸运 而 4 744 467 则不是 这是我的代码 include
  • Swiftui 列表行单元格在视图出现后设置填充

    我有一个标准列表 仅包含一个文本 右侧有用于导航的箭头 但是在列表加载并出现在屏幕上后 列表会适应单元格 我认为它们在左侧和右侧添加了填充 但这看起来不太好 所以看起来列表滞后 List ForEach 0
  • 两个文件夹之间的 Git 合并,而不是分支

    假设以下场景 我有一个 git 项目 其目录名为project 在这个目录中我做了一些提交 然后 与cp r我将此目录复制到一个名为的目录project with feature b 即我手动创建了一个分支 现在我想合并这两个文件夹 就像它
  • 使用 dtmf 进行 Windows Phone 电话通话

    我知道使用电话呼叫任务 我们可以通过填写电话号码字段以编程方式拨打电话 示例代码可能是 PhoneCallTask phn new PhoneCallTask phn PhoneNumber 9807689 657 phn show 但我的
  • 使用 FFMPEG 从图像生成 2-fps mp4

    需要从一系列图像创建视频 视频需要具有低帧速率 这是我用来创建视频的命令 ffmpeg exe r 2 i images 3d jpg vcodec libx264 pix fmt yuvj420p output mp4 问题是 虽然通过
  • 如何让 webpack“实际上”忽略外部并依赖浏览器导入?

    我试图让 webpack 忽略导入 以便浏览器使用本机 ES6 import 语句而不是 webpack 导入它 我试图让 ffmpeg js 直接导入 因为它在尝试捆绑 webpack 时崩溃 因为文件太大 按照这里的答案 如何从 web
  • 如何在没有多个实例的情况下使用嵌套手风琴菜单?

    这是我的基地 http jsfiddle net UnV4Z http jsfiddle net UnV4Z 我希望它是三个级别 而不是只有两个级别 我已经在这里工作了 http jsfiddle net RnwYQ 13 http jsf
  • 直接将 gz 文件加载到 pandas dataframe 中

    我有这个gz file https www dropbox com s d18iqa21z2nxp8h DCCV OCCUPATIT 20 20 20Employment 20 20 20 20 20 20 20 20 20 20 20 2
  • 如何在 css 模块文件中设置非散列类的样式?

    我正在使用 css 模块 并且有一个包含两个类的 React 组件 一 使用 css 模块进行哈希处理 另一个 未散列 因为它来自另一个函数 假设它是 clear class div qwerty div 我的 scss 文件看起来像这样
  • 如何隐藏图表工具提示的标题?

    我正在使用图表 js 显示分组条形图并尝试隐藏工具提示的标题 生成栏的代码 var ctx document getElementById myChart getContext 2d var data labels Chocolate Va