📊 Show a Tooltip over a Node
🔑 Sample Code
var bar = jelly.bar().container('#jelly-container')
.data([
{category:'Blue', name: 'A', value: 10},
{category:'Blue', name: 'B', value: 20},
{category:'Blue', name: 'C', value: 30},
{category:'Blue', name: 'D', value: 40},
{category:'Red', name: 'A', value: 20},
{category:'Red', name: 'B', value: 10},
{category:'Red', name: 'C', value: 40},
{category:'Red', name: 'D', value: 10}
]).dimensions(['category', 'name'])
.measures('value')
.axis('x').axis('y')
.legend(true)
bar.render();
var showPhase = true;
setInterval(function() {
if (showPhase) {
bar.showTooltip('A', 'Red'); //show the tooltip over a node which name is A and category is Red
} else {
bar.hideTooltip();
}
showPhase = !showPhase;
}, 1400)