javascript - 如何在微信小程序中使图表标签垂直？

Question

我正在使用画布在微信小程序中绘制条形图，这是我的代码：

    function drawXaxis(ctx) {
        //绘制X轴横线
        ctx.setLineWidth(0.5);
        ctx.setLineCap('round');
        ctx.moveTo(chartOpt.axisLeft, chartOpt.axisBottom)
        ctx.lineTo(chartOpt.right, chartOpt.axisBottom)
        ctx.stroke();
        var width = (chartOpt.right - chartOpt.axisLeft) / chartOpt.barLength;
        var data = dataSet.xAxis.data;
        var title = dataSet.title.text;

        //绘制X轴显示文字
        for (var i = 0; i < data.length; i++) {
            var textX = (width * (i + 1)) - (width / 2) + chartOpt.axisLeft;
            ctx.setFillStyle(dataSet.xAxis.color);
            ctx.setFontSize(dataSet.xAxis.size);
            ctx.setTextAlign('center');
            debugger;
            ctx.fillText(data[i], textX, chartOpt.axisBottom + dataSet.xAxis.size + chartOpt.textSpace);
        }
    }

这是用户界面：

问题是标签太近了。所以我想让这些标签垂直。我读到了可以旋转整个画布的旋转功能，现在我只想旋转文本。我应该怎么做才能让它工作？