【发布时间】: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