如何将 yAxisLabel 放入 chartjs

Question

谁能告诉我如何在 chartjs 中放置 y 轴标签我已经尝试过 ChartNew.js 并且它增加了 canvas 的高度和宽度。这是图表在正常情况下的样子 chart.js

当我使用 chartnew.js 时，相同的图表看起来像这样，但它显示了标签

Answer 1

我已经使用这个 css

解决了这个问题

 .axisLabel {
    position: absolute;
    text-align: center;
    font-size: 12px;
}

.xaxisLabel {
    bottom: 3px;
    left: 0;
    right: 0;
}

#placeholder {
    width: 600px;
    height: 300px;
    padding: 10px 5px 0 0;
    margin: 15px auto 30px auto;
    border: 1px solid #ddd;
    background: #fff;
    background: linear-gradient(#f6f6f6 0, #fff 50px);
    background: -o-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -ms-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -moz-linear-gradient(#f6f6f6 0, #fff 50px);
    background: -webkit-linear-gradient(#f6f6f6 0, #fff 50px);
    box-shadow: 0 3px 10px rgba(0,0,0,0.15);
    -o-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -ms-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,0.1);
}

.yaxisLabel {
    top: 50%;
    left: -10px;
    transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform-origin: 0 0;
    -o-transform-origin: 0 0;
    -ms-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
}

并像这样

在 canvas 上方插入 div

 <div class='axisLabel yaxisLabel' style="margin-top:35px">Revenue (AED)</div>

如何将 yAxisLabel 放入 chartjs

how to put yAxisLabel in chartjs

jquery

charts

chart.js

chartnew.js