我创建了这个函数,它传入一个频率数字数组和一个字母数组作为字母表。
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());
};
但是当这些功能通过工具提示实现到我的代码中时,工具提示不会显示在画布上