One solution that you can use already is to use a glyph font like FontAwesome and use the updated contentsFunction
from 1.16.0 to render glyphs within the value label.
http://jsfiddle.net/urp7cmj0/
var chart = new FacetChart({
container: document.getElementById("demo"),
data: {
url: "https://zoomcharts.com/dvsl/data/pie-chart/browsers.json"
},
series: [{
data: { field: "value" },
valueLabels: {
enabled: true,
contentsFunction: function(value, index) {
var dataItem = chart.getActiveFacet().items.find(function(o) {
return o.index === index
});
return (dataItem && dataItem.data.name);
}
}
}],
});