自定义Chart.js工具提示和y轴标签位置

Question

我的下图如下图所示：

我基本上想要修改标记为红色的区域。我想结合使用y轴标签来显示彼此顶部的标签，而不是像现在一样内嵌它们（参见第二张图片）。

至于工具提示，我对背景颜色进行了一些自定义，并设法使用回调隐藏标题。但是，我需要隐藏工具提示中的图例，或者至少能够将其形状更改为圆形而不是默认方形。我还需要使用与y标签颜色相对应的颜色以及类似于y标签的前缀或后缀来显示每个标签。 （见第二张图片）。

这是我当前的工具提示配置：

tooltips: {
            mode: "label",
            titleMarginBottom: 8,
            bodySpacing: 8,
            xPadding: 15,
            yPadding: 10,
            cornerRadius: 2,
            bodyFontStyle: "bold",
            backgroundColor: "#fcfcfc",
            titleFontColor: "#3a3938",
            bodyFontColor: "#3a3938",
            callbacks: {
                // this adds the same suffix to all labels. I would like the same suffix of prefix value from the y-axis label
                label: function(tooltipItems, data) {
                    return tooltipItems.yLabel + ' $';
                },
                title: function() {
                    return false;
                },
            }
        }

提前致谢！