Question

对于我的项目，我需要在气泡图上显示渲染onComplete的静态工具提示。我已经帮助自己完成了这个帖子HERE。

经过一些修改后，我的代码如下所示：

tooltips: {
            callbacks: {
                title: function (tooltipItems, data) {
                    var index = tooltipItems[0].datasetIndex;
                    var title = data.datasets[index].label;
                    //return title;
                },
                label: function (tooltipItem, data) {
                    var item = tooltipItem.datasetIndex;
                    var name = data.datasets[item].label;
                    //return '(' + tooltipItem.xLabel + ',' + tooltipItem.yLabel + ')';
                    return name;
                },
                backgroundColor: 'rgba(63,15,255, 0.3)', // This isn't working??
            }
        },
        events: false,
        animation: {
            duration: 0,
            onComplete: function () {
                var self = this;
                var elementsArray = [];
                Chart.helpers.each(self.data.datasets, function (dataset, datasetIndex) {
                    Chart.helpers.each(dataset.metaData, function (element, index) {
                        var tooltip = new Chart.Tooltip({
                            _chartInstance: self,
                            _chart: self.chart,
                            _data: self.data,
                            _options: self.options, //Probably need to change something here
                            _active: [element]
                        }, self);

                        tooltip.update();
                        tooltip.transition(Chart.helpers.easingEffects.linear).draw();
                    }, self);
                }, self);
            }
        }

有人可以提供一些建议，如何将工具提示backgorund从透明黑色更改为白色（不带框），这样图表中的项目更具可读性吗？

我正在查看此文档HERE并试图弄明白。

Answer 1

抱歉，我弄清楚我哪里出错了。我把backgroundColor放在回调下，而不是直接在工具提示下。它现在按预期工作。

删除Chartjs v2固定工具提示的背景

1 个答案: