ChartJs工具提示高度选项不起作用。

问题描述 投票:0回答:1

使用 ChartJs 来显示图形,我尝试使用工具提示的高度。height 关于 options 基于 ChartJs 文件。

https:/www.chartjs.orgdocslatestconfigurationtooltip.html

但它不工作.这是我的 option 我的图表上的工具提示。

options {
    tooltips: {
        mode: 'point',
        intersect: true,
        xPadding: 10,
        yPadding: 10,
        bodySpacing: 4,
        backgroundColor: '#fff',
        borderColor: '#eff6ff',
        borderWidth: 2,
        height: 10,
        titleFontColor: '#1fb7c7',
        bodyFontColor: '#333333'
    }
}

myCurrentTooltip我需要把工具提示做成这样。

tooltipWannaBe

chart.js
1个回答
0
投票

没有配置命名为 "高度 "的工具提示,所以它不会工作。

tooltips: {
    height:10
}

相反,你可以使用 bodyFontSize工具提示的高度将根据你给它分配的值而改变。

tooltips: {
   bodyFontSize:15
}

并使用 位置模式 选项来改变工具提示的位置。

© www.soinside.com 2019 - 2024. All rights reserved.