Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/411.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Chartjs:旋转轴标题_Javascript_Html_Css_Chart.js - Fatal编程技术网

Javascript Chartjs:旋转轴标题

Javascript Chartjs:旋转轴标题,javascript,html,css,chart.js,Javascript,Html,Css,Chart.js,我有一个有两个y轴的图表,我想给他们两个一个标题,这很好。 但右侧的y轴标题旋转了180°。我想撤销此操作,但在文档中找不到有关如何执行此操作的信息 minRotation和maxRotation不起作用 现在是否有人可以旋转轴标题 你只能用一种方法。这是chart.js库中的u更改 你应该找到以 if(scaleLabel.display){在Chart.js中并放入 var isRight = options.position === 'right'; rotation = isRight

我有一个有两个y轴的图表,我想给他们两个一个标题,这很好。 但右侧的y轴标题旋转了180°。我想撤销此操作,但在文档中找不到有关如何执行此操作的信息

minRotation和maxRotation不起作用


现在是否有人可以旋转轴标题

你只能用一种方法。这是chart.js库中的u更改

你应该找到以

if(scaleLabel.display){
在Chart.js中并放入

var isRight = options.position === 'right';
rotation = isRight ? -0.5 * Math.PI : rotation;
如下

            if (scaleLabel.display) {
                // Draw the scale label
                var scaleLabelX;
                var scaleLabelY;
                var rotation = 0;

                if (isHorizontal) {
                    scaleLabelX = me.left + ((me.right - me.left) / 2); // midpoint of the width
                    scaleLabelY = options.position === 'bottom' ? me.bottom - (scaleLabelFontSize / 2) : me.top + (scaleLabelFontSize / 2);
                } else {
                    var isLeft = options.position === 'left';
                    scaleLabelX = isLeft ? me.left + (scaleLabelFontSize / 2) : me.right - (scaleLabelFontSize / 2);
                    scaleLabelY = me.top + ((me.bottom - me.top) / 2);
                    rotation = isLeft ? -0.5 * Math.PI : 0.5 * Math.PI;
                    var isRight = options.position === 'right';
                    rotation = isRight ? -0.5 * Math.PI : rotation;
                }

                context.save();
                context.translate(scaleLabelX, scaleLabelY);
                context.rotate(rotation);
                context.textAlign = 'center';
                context.textBaseline = 'middle';
                context.fillStyle = scaleLabelFontColor; // render in correct colour
                context.font = scaleLabelFont;
                context.fillText(scaleLabel.labelString, 0, 0);
                context.restore();
            }
最终结果

遗憾的是,这项技术没有得到实施,但谢谢您,它工作得很好^^