chart.js - 我想在工具提示中隐藏标签,因为它显示未定义

标签 chart.js linechart

我正在使用 chart.js 来显示折线图。如何隐藏 chart.js 折线图的工具提示标签?工具提示中的标签显示 undefined 所以我想隐藏标签(请看截图)?

也许有一种方法可以修改工具提示,我可以在工具提示中仅显示图例值?我的代码如下:

  myLine = new Chart(ctx).Line(lineChartData, {
      type: 'line',
      responsive: true,
      scaleShowGridLines : false,
      bezierCurve : false,
      animationEasing: "linear",
      tooltipEvents: ["mousemove", "touchstart", "touchmove"],
      showTooltips: true,
      scaleLineColor: "rgba(0,0,0,.8)",
  });

enter image description here

最佳答案

只需在您的选项中将 tooltipTitleFontSize 设置为 0


预览

enter image description here


脚本

myLine = new Chart(ctx).Line(lineChartData, {
    ...
    tooltipTitleFontSize: 0
});

关于chart.js - 我想在工具提示中隐藏标签,因为它显示未定义,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35431733/

相关文章:

javascript - 在 Chart.js 中绘制对象

html - 将旋转的文本与 Canvas 左侧对齐

linechart - 带有日期轴的 javafx 折线图

javascript - 如何调整 chartist.js 中网格线的间距?

java - 如何使用jfreechart从上到下绘制折线图?

javascript - 如何设置d3中x轴的年份范围

javascript - chart.js 固定条宽问题

javascript - 带有图表 js 的价格历史记录

javascript - 日期范围选择器和图表 js

javascript - D3js - 创建并轻松更新多折线图