Chart.js如何更改y轴标题位置

时间:2018-07-07 13:38:24

标签: javascript chart.js yaxis

我正在使用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>

1 个答案:

答案 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,
                            }
                        },
                        
                 
                    }