私はChart.js
いくつかの棒グラフを描くために使用しています。すべてのチャートのツールチップのデフォルトコンテンツを変更したい。
ただし、次のコードは機能しません。
Chart.defaults.global.tooltips.callbacks.title = function(tooltipItems, data) {
return "Overriden title"; // This code is not executed
};
new Chart($("#barchart"), {
type: 'horizontalBar',
data: {
"labels": ["Label"],
"datasets": [{
"data": [42]
}]
},
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
<canvas id="barchart" width="80" height="20"></canvas>
各Chartコンストラクターのオプションとしてコールバックを渡すことができることは知っていますが、グローバルオプションとして設定したいと思います。
キーglobal
を次のように置き換えますhorizontalBar
Chart.defaults.horizontalBar.tooltips.callbacks.title = function(tooltipItems, data) {
return "Overriden title"; // This code is executed
};
new Chart($("#barchart"), {
type: 'horizontalBar',
data: {
"labels": ["Label"],
"datasets": [{
"data": [42]
}]
},
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.7.1/Chart.bundle.js"></script>
<canvas id="barchart" width="80" height="20"></canvas>
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加