Hi,
TimeChart data model does not support text values. What you can do, is you can have a custom contentsFunction, which can encrich the popup with additional data from additional data source. If you have additional details based on timestamp/value available in memory, you can just grab them from the respective array. Otherwise, you can even implement async detail loading. Check this example:
https://jsfiddle.net/a7j3emh9/
info: {
advanced: {
contentsFunction: function(data, series, range){
setTimeout(function(){getInfoForTS(data, series, range)}, 10);
return "<div id=\"tc-info\">..Loading</div>";
}
}
},
and
function getInfoForTS(data, series, range){
/* perform your code to retrieve data about the point of interest */
var info = document.getElementById("tc-info");
var out = "";
for (var x = 0; x < data.length; x++){
var stack = data[x];
for (var y = 0; y < stack.data.length; y++){
var item = stack.data[y];
if (!item.values) continue;
out += item.name + ": " + item.values.sum + "<br>";
}
}
if (series && series.name == "bar"){
/* marker hovered, show extra information */
/* perform XHR request to retrieve additional information about the point (based on the time range) and/or value, if necessary */
out += "<span style=\"font-weight: bold; color: red\">Warning</span>";
out +="Time range: " + range.join("-") + "<br/>";
}
info.innerHTML = out;
}
Support Team.