頻度の数値の配列とアルファベットの配列をアルファベットとして渡すこの関数を作成しました。
function buildGraph(frequencies, alphabet) {
RGraph.Reset(document.getElementById('myCanvas'))
//Bar Graph Creation
var data = frequencies;
tips = [];
data.forEach(makeString);
var bar = new RGraph.Bar({
id: 'myCanvas',
data: data,
options: {
backgroundGridAutofitNumvlines: 0,
textAccessible: true,
strokestyle: 'black',
linewidth: 1,
shadow: false,
hmargin: 0,
colors: ['Gradient(#aaf:blue)'],
labels: alphabet,
clearto: 'white',
gutterBottom: 90,
noaxes: false,
crosshairs: true,
tooltips: tips,
tooltipsEvent: onmousemove,
}
}).wave({frames: 60});
};
そして、データ配列を文字列にするこの関数
function makeString(item) {
tips.push(item.toString());
// console.log(tips.toString());
};
しかし、ツールチップを使用してこれらの関数をコードに実装すると、ツールチップがキャンバスに表示されません