簡體   English   中英

我想在Angular Chart.js中旋轉yAxes scaleLabel

[英]I would like to rotate yAxes scaleLabel in Angular Chart.js

它是垂直的,我希望它是水平的。 yAxes沒有maxRotation和minRotation參數,而且我不知道如何旋轉它。

我發現了一個類似的問題,但是我似乎無法在代碼中使用answear。

有人建議說

旋轉= isLeft? -0.5 * Math.PI:0.5 * Math.PI

應該做的事,但我不確定放在哪里。 你能幫我么?

這是我圖表的選項:

options = {
            scales: {
                yAxes: [
                  {
                      ticks: {
                          callback: function (value) {
                              return numberFormatChanger(value);

                          },

                      },                 
                      scaleLabel: {
                          display: true,
                          labelString: 'My label',
                      }

                  }
                ]
            },
            legend: {
                display: true,
            },
            tooltips: {
                callbacks: {
                    label: function (tooltipItem, data) {
                        return data.datasets[tooltipItem.datasetIndex].label + ': ' + numberFormatChanger(tooltipItem.yLabel);
                    }
                }
            }

        };

他們在Chart.js源代碼中引用了這一行。 您可以將其注釋掉以達到所需的效果。

如果您想避免更改Chart.js源代碼,也可以實現自己的縮放比例 ,但是您將不得不重寫draw: function(chartArea) {}函數,無論如何,這是很多庫代碼。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM