我正在使用chart.js库来创建图形,我差不多完成了。最后一件事是将yAxis的标题放置在图例下的顶部。
我目前有这样的东西。
https://i.stack.imgur.com/FD5s7.png
我正在寻找的结果是这样的。
https://i.stack.imgur.com/4T5l3.png
我将非常感谢您的帮助。
代码:https://jsfiddle.net/w2qzjhcb/2/
HTML
SELECT DISTINCT ?entity ?entityLabel WHERE {
wd:Q1426 ?p ?entity.
?entity rdfs:label ?entityLabel . filter(lang(?entityLabel)="fr")}
JavaScript
<canvas id="myChart"></canvas>
答案 0 :(得分:0)
您可以使用 options.scales.x.title.padding
参数使用自定义样式将轴标签移动到您想要的位置,如下例所示:
options: {
scales: {
x: {
beginAtZero: true,
display: true,
title: {
display: true,
text: 'count',
padding: {top: -5, left: 0, right: 0, bottom: 0}
},
ticks: {
stepSize: 1,
}
},
}