Javascript 如何在图表js中加下划线和粗体工具提示

我的网站上有一个图表问题： 我想在工具提示上加一些粗体和下划线的文字，如图所示

图：

我发现可以采用：ToolTiptTitleFontStyle:“bold”或titleFontStyle:“bold”，但都不起作用

---

您有什么解决方案吗？

您好，您可以构建自己的工具提示，使其返回您想要的任何位置，即自定义html

对于粗体字体，titleFontStyle选项必须位于选项内。工具提示：

var options = {
  type: 'line',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [
        {
          label: '# of Votes',
          data: [12, 19, 3, 5, 2, 3],
        borderWidth: 1
        },  
            {
                label: '# of Points',
                data: [7, 11, 5, 8, 3, 7],
                borderWidth: 1
            }
        ]
  },
  options: {
    scales: {
        yAxes: [{
        ticks: {
                    reverse: false
        }
      }]
    },
    tooltips: {
        titleFontStyle: 'bold',
      titleFontSize: 24
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);

您可以在此处看到一个工作示例：

希望这有帮助

---

p.D：我建议在问这类问题时，你应该包含一些代码。

嗨，你可以构建自己的工具提示，以便它可以返回你想要的任何地方，即自定义html

对于粗体字体，titleFontStyle选项必须位于选项内。工具提示：

var options = {
  type: 'line',
  data: {
    labels: ["Red", "Blue", "Yellow", "Green", "Purple", "Orange"],
    datasets: [
        {
          label: '# of Votes',
          data: [12, 19, 3, 5, 2, 3],
        borderWidth: 1
        },  
            {
                label: '# of Points',
                data: [7, 11, 5, 8, 3, 7],
                borderWidth: 1
            }
        ]
  },
  options: {
    scales: {
        yAxes: [{
        ticks: {
                    reverse: false
        }
      }]
    },
    tooltips: {
        titleFontStyle: 'bold',
      titleFontSize: 24
    }
  }
}

var ctx = document.getElementById('chartJSContainer').getContext('2d');
new Chart(ctx, options);

您可以在此处看到一个工作示例：

希望这有帮助

p.D：我建议在问这类问题时，你应该包括一些代码。

问题是关于“一些文本”而不是整个文本，因此你的答案是错误的。此外，您的链接不包括显示的代码，也不包括任何更改工具提示的代码。问题是关于“某些文本”而不是整个文本，因此您的答案是错误的。此外，您的链接不包括显示的代码，也不包括任何更改工具提示的代码。