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

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(使用前将#替换为@)

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

  • 从 iframe 关闭父弹出窗口

    在domain1 com 上 我有一个链接 可以打开domain2 com 的弹出窗口 弹出窗口中有一个 iframe 也托管在 domain2 com 上 在 iframe 中 我试图关闭弹出窗口 我似乎对如何做到这一点感到困惑 在 if
  • 如何在返回的 AJAX 调用上使用 django 模板标签?

    我有一个简单的 AJAX 脚本 它在名为的搜索字段中获取输入的字符串AJAXBox并调用一个视图函数 该函数使用过滤器查询数据库并返回与输入参数匹配的所有 User 对象的查询集 当我使用 django 模板标签迭代查询集时 它不起作用 我
  • 如何清除画布元素中的多边形区域?

    我使用过clearRect函数 但没有看到多边形的等效函数 我天真地尝试过 ctx fillStyle transparent ctx beginPath ctx moveTo 0 0 ctx lineTo 100 50 ctx lineT
  • 克隆元素对应表单中所有元素的事件

    我成功克隆了表行 其中包含从数据库检索的值 不过我对它没有什么问题 我对所有元素使用了类 因为克隆会重复 ID 不会出现问题 因为它无法唯一地定位每个元素 使每个元素 行在这里唯一的方法是什么 功能如何工作 当第一次选择框时 所选 ID 的
  • 如何在html中创建字体选择栏

    我想创建一个下拉菜单 在其中我们可以看到所有可用的字体 并且可以选择我们选择的任何字体 我还想创建一个字体颜色选择小部件 存在大量的字体样式 我想知道如何获取所有这些字体以及如何创建一个小部件 用户可以使用该小部件选择他选择的颜色 为了创建
  • 监听外部事件。 Bash 到 NodeJS 的桥梁

    在 NodeJS 进程内部 我如何监听来自 bash 的事件 例如 NodeJS side obj on something function data console log data Bash side do something Hel
  • JQuery:提交时不起作用

    我想要捕获所有表单提交事件 从操作属性获取 url 并使用它通过 AJAX 将表单内容发送到该地址 所以我只需要一个提交事件处理程序 然而我很快就遇到了麻烦 因为它似乎无法在 IE 中工作 document submit function
  • 代理递归函数

    想象一个简单的递归函数 我们试图包装它以检测输入和输出 A simple recursive function const count n gt n 1 count n 1 Wrap a function in a proxy to ins
  • 名称属性的 CSS 选择器?

    这可能是一个愚蠢的问题 但是属性的 CSS 选择器是什么 a 那是 名字 document body innerHTML myString anchor HTML String 这段 JavaScript 创建了一个 a 带有名称的元素 H
  • 检查某个元素是否在没有 jQuery 的情况下“聚焦”

    我几乎确信我能在这里找到答案 但我没有成功 您如何检查事件调用时是否选择 聚焦 某个对象 我试过if document activeElement object HTMLBodyElement 但显然 activeElementonLoad
  • 类型错误:require.config 不是一个函数

    我正在使用 require js 作为早午餐项目的一部分 这段代码抛出错误 require config require config is not a function paths jquery lib jquery underscore
  • 什么是{| ... |} 在 JavaScript 中是什么意思? [复制]

    这个问题在这里已经有答案了 通读 javascript 代码库 我遇到了如下代码块 export type RouteReducerProps error Error isResolving boolean isResolved boole
  • 当用户输入/删除时,使文本字段中的提示消失/重新出现[关闭]

    很难说出这里问的是什么 这个问题是含糊的 模糊的 不完整的 过于宽泛的或修辞性的 无法以目前的形式得到合理的回答 如需帮助澄清此问题以便重新打开 访问帮助中心 help reopen questions 有谁知道我怎样才能在我的搜索栏中做出
  • 如何使用 Soundcloud api 将流传输到 html5 音频播放器中?

    我刚刚开始学习 javascript 作为我的第一次尝试 我想创建自定义音频播放器 它使用 soundcloud 的 api 作为音乐源 到目前为止 这就是我的设置
  • JavaScript 检查时区名称是否有效

    有没有一种方法可以在不使用外部库的情况下检查 JavaScript 中的时区名称是否有效 当用户在文本字段中输入时区名称时 我想验证时区是否有效 我知道我们可以使用时刻时区库轻松做到这一点 但我不想使用任何额外的库 我正在寻找纯 JavaS
  • 如何应对 WebStorm 中大量未解决的变量警告?

    我有一个从服务器获取数据的函数 function getData data console log data someVar 网络风暴说someVar是一个未解决的变量 我怎样才能摆脱这样的警告 我看到几个选项 禁止 IDE 设置中的警告
  • Electron 应用程序中的 NEDB 持久化

    我正在尝试从电子应用程序连接到 nedb CRUD 操作效果很好 但我没有看到 db 文件 D my db 检查隐藏文件 文件存在于某个地方 因为即使在机器重新启动后它也会保留数据 我怀疑电子威胁着我的相对路径 但我可以在任何地方找到它 v
  • 如何运行 Mike Bostock 的 D3 示例?

    我一直在尝试经营迈克博斯托克透视地球仪 http bl ocks org mbostock 6747043例如 但是如果您尝试在本地重现它 则对其 json 文件的引用是不正确的 问题来自于这行代码 d3 json mbostock raw
  • 如何在 Servlet 中打开弹出窗口,然后重定向页面

    我想在调用 servlet 时打开一个弹出窗口 然后想将 servlet 重定向到某个 jsp page 这就是我所做的 protected void doGet HttpServletRequest request HttpServlet
  • Chrome + 另一个进程:进程间通信比 HTTP/XHR 请求更快?

    我有一个进程 1 对视频流进行实时图像处理 我需要在 Chrome 中的 HTML 页面中渲染该视频 同一台计算机上的进程 2 在canvas or img or videoHTML5 元素 由于我有 1000x1000 像素 x 3 字节

随机推荐

  • 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