Gráficos C3 - conteúdo da dica de ferramenta clicável
Estou fazendo gráficos usandoc3.js. Eu tenho que tornar o conteúdo da dica de ferramenta cilckable. Até agora, a dica de ferramenta é visível apenas quando passo o mouse sobre o gráfico. Tenho algumas informações que serão exibidas quando eu clicar em um link na dica de ferramenta. Não encontrei nenhuma ajuda dedocumentação c3. Trecho do código no qual estou trabalhando é mostrado abaixo.
$scope.timelineConfig.tooltip.contents = function (data, defaultTitleFormat, defaultValueFormat, color) {
var $ = this, config = $.config,
titleFormat = config.tooltip_format_title || defaultTitleFormat,
nameFormat = config.tooltip_format_name || function (name) { return name; },
valueFormat = config.tooltip_format_value || defaultValueFormat,
text, i, title, value;
text = "<div id='tooltip' class='d3-tip'>";
title = dates[data[0].index];
text += "<span class='info'><b><u>Date</u></b></span><br>";
text += "<span class='info'>"+ title +"</span><br>";
text += "<span class='info'><b><u>Features</u> : </b> " + features[data[0].index] + "</span><br>";
text += "<span class='info'><b><u>Enhancements</u> : </b> " + defects[data[0].index] + "</span><br>";
text += "</div>";
return text;
};
Eu tenho que fazer o conteúdo (<span><b><u>Features...</u></b></span>
) clicável.