我想在我的图表标签中放一些图像和/或链接.这是示例代码和jsFiddle:
var data = {
labels: ['January', '<s>February</s>',
'<img src="http://jsfiddle.net/favicon.png">',
'<a href="http://jsfiddle.net/">A Link</a>'],
datasets: [{
data: [65, 59, 90, 81]
}]
}
var ctx = document.getElementById("myChart").getContext("2d");
var myNewChart = new Chart(ctx).Bar(data);
Run Code Online (Sandbox Code Playgroud)
如您所见,HTML未在标签内解析.有没有办法在图表的标签中显示工作图像和/或链接?
我从Chart JS库获得了一个图表。 屏幕截图
var ctx = document.getElementById("myChart");
var data = {
labels: ["HTML", "CSS", "JavaScript", "jQuery", "Bootstrap", "Gulp", "PHP", 'SQL', 'Git'],
datasets: [
{
defaultFontColor: 'red',
backgroundColor: "rgba(0,255,255,.4)",
borderColor: "rgba(0,255,255,.4)",
pointBackgroundColor: "red",
pointBorderColor: "#fff",
lineTension: 0,
pointHoverBackgroundColor: "#fff",
pointHoverBorderColor: "rgba(179,181,198,1)",
data: [95, 99, 60, 91, 36, 95, 40, 95, 95]
}
]
};
var myRadarChart = new Chart(ctx, {
type: 'radar',
data: data,
options: {
responsive: true,
scale: {
reverse: false,
ticks: {
// defaultFontSize: true
}
}
}
}); …Run Code Online (Sandbox Code Playgroud)