如何更改chartjs数据文本

r9f1avp5  于 2022-11-07  发布在  Chart.js
关注(0)|答案(1)|浏览(158)

你能帮我做我在图像中的项目吗?
我需要做的是将图表中的数据文本与图像中的数据文本一个在另一个下面。

下面是我在codepen中的代码:https://codepen.io/korayhan-aslan/pen/RwQvVbV

enter code here
bbuxkriu

bbuxkriu1#

要实现这一点,请将generateLabels函数中“text”的值从字符串更改为数组,并添加工具提示插件。
在generateLabels函数中修改文本

return {
        text: [typerOne,typerTwo], # before typerTwo + ": " + typerOne
        fillStyle: style.backgroundColor,
        strokeStyle: style.borderColor,
        lineWidth: style.borderWidth,
        pointStyle: pointStyle,
        hidden: !chart.getDataVisibility(i),

        // Extra data used for toggling the correct item
        index: i
};

修改工具提示标签

tooltip: {
            callbacks: {
                label: function(context) {
                    return [context.formattedValue, context.label]
                }
            }
        },

第一个

相关问题