小编Jam*_*li1的帖子

如何向 Chart.js V3.7.0 添加字体系列

我尝试了这两个:

plugin: {
  label: {
    font: {
      family: "Lato"
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

和这个:

myChart.defaults.global.defaultFontFamily = "Lato";
Run Code Online (Sandbox Code Playgroud)

将字体系列添加Lato到我的图表中的代码段,但这两种情况都不起作用。

还有更好的建议吗?注意,我使用的版本是3.7.0。提前致谢!

javascript chart.js

5
推荐指数
1
解决办法
5522
查看次数

如何使 Chart.js V3.7.0 中的整个 <canvas> 元素在悬停时将光标显示为指针?

当我将鼠标悬停在元素上时,如何使canvas元素显示光标样式。pointer

HTML

<canvas id="myChart"></canvas>
Run Code Online (Sandbox Code Playgroud)

我都尝试过:

events: ['mousemove', 'click'],
onHover: (event, chartElement) => {
  event.target.style.cursor = chartElement[0] ? 'pointer' : 'default';
}
Run Code Online (Sandbox Code Playgroud)

和:

options: {
  plugins : {
    legend: {   
      labels: {
        onHover: function (e) {
          e.native.target.style.cursor = 'pointer';
        },
        onLeave: function (e) {
          e.native.target.style.cursor = 'default';
        }
      }
    }
  }
}
Run Code Online (Sandbox Code Playgroud)

但没有运气。

图片:

在此输入图像描述

总而言之,我希望光标的样式等于整个图表上的指针,而不仅仅是图片中的红点。(红点周围有黄色,是我希望光标看起来像指针的一个示例。)。

提前致谢!

javascript chart.js chart.js3

2
推荐指数
1
解决办法
272
查看次数

标签 统计

chart.js ×2

javascript ×2

chart.js3 ×1