【问题标题】:Remove background on Chartjs v2 fixed tooltips删除 Chartjs v2 固定工具提示的背景
【发布时间】:2016-04-17 19:14:09
【问题描述】:

对于我的项目,我需要在呈现 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);
            }
        }

谁能提供一些建议,如何将工具提示背景从透明的黑色更改为白色(无框),以便图表中的项目更具可读性?

我正在查看此文档 HERE 并试图弄清楚。

【问题讨论】:

    标签: javascript jquery chart.js


    【解决方案1】:

    对不起,我知道我哪里出错了。我将 backgroundColor 放在回调下,而不是直接放在工具提示下。它现在按预期工作。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-05
      • 2020-04-27
      • 1970-01-01
      相关资源
      最近更新 更多