Как сделать метки диаграмм вертикальными в мини-программе WeChat? - PullRequest
Новая
       42

Как сделать метки диаграмм вертикальными в мини-программе WeChat?

0 голосов
/ 04 февраля 2020

Я рисую гистограмму в мини-программе WeChat, используя холст, это мой код: 

    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);
        }
    }

А вот и пользовательский интерфейс:

enter image description here

Проблема в том, что этикетки расположены слишком близко. Поэтому я хочу сделать эти ярлыки вертикальными. Я читал о функции поворота, которая может вращать весь холст, теперь я хочу вращать только текст. Что я должен сделать, чтобы это работало?

...