0
私のプロジェクトでは、onCompleteをレンダリングする静的ツールチップをバブルチャートに表示する必要があります。私はこのスレッドHEREで自分自身を助けました。Chartjs v2の固定ツールチップの背景を削除する
変更のビットが私のコードは次のようになります。
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を見て、それを理解しようとしています。