相关疑难解决方法(0)

我需要更改Chart.js工具提示模板,以便只有值部分以粗体显示.有tooltipTemplate选项,应该这样做.此选项的默认值为:

tooltipTemplate: "<%if (label){%><%=label%>: <%}%><%= value %>%"

我试着像这样编辑它:

tooltipTemplate: "<%if (label){%><%=label%>: <%}%><strong><%= value %></strong>%"

但它strong在屏幕上显示标签作为文本的一部分,而不是呈现粗体文本.我试着走动他们<%和%>,但它仍然无法正常工作.有任何想法吗？

我想在图表上调整工具提示的大小.我使用过全局设置但不起作用.我的图表上的工具提示太小了. 这是观点

$(document).ready(function () {
    // Chart options
    Chart.defaults.global.legend.display = false;
    Chart.defaults.global.titleFontSize = 20;
    var ctx = document.getElementById("Chart1");
    var myChart = new Chart(ctx, {
        type: 'doughnut',
        data: {
            labels: [
                "Produkty",
                ""
            ],
            datasets: [
            {
                data: <?=json_encode(array_values($values));?>,
                backgroundColor: [
                    "#2ecc71",
                    "#3498db"
                ],
                hoverBackgroundColor: [
                    "#27ae60",
                    "#2980b9"
                ]
            }]
        },
        options: {
            cutoutPercentage: 80
        }
    });
});

我正在尝试更改工具提示的背景颜色，但似乎只能更改键：https://jsfiddle.net/1ez0Lo8a/ 指的是当您将鼠标悬停在栏上时工具提示的黑色背景。

tooltips: {
                yAlign: 'bottom',
                callbacks: {
                    labelColor: function(tooltipItem, chart) {
                        return {
                            backgroundColor: 'rgb(255, 0, 0)'
                        }
                    },
                }

此外，正如您所看到的，我已经设法删除了该轴 - 但这些设置都没有删除最底部的水平轴。任何人都可以建议如何删除那个吗？