web-dev-qa-db-ja.com

Googleチャートで凡例ラベルが切り取られないようにする方法

Perlスクリプトを使用して、20以上の一連のデータに対して一度に多数の Google Line Charts を生成します。

凡例のラベルは次の形式です。反復する#counterによって追加されるシリアル番号。

残念ながら、#10以降、これらのカウンターは切り捨てられます。

enter image description here

グーグルのチャートがそうするのを止める方法はあるのでしょうか?

私の非常に単純なチャートコードは以下のとおりです。

    var data = { ...... };

    function drawCharts() {
            for (var csv in data) {
                    var x = new google.visualization.DataTable(data[csv]);

                    var options = {
                            title: csv,
                            width: 800,
                            height: 600
                    };

                    var chart = new google.visualization.LineChart(document.getElementById(csv));
                    chart.draw(x, options);
            }
    }

    $(function() {
            google.setOnLoadCallback(drawCharts);
    });
22

チャートの完全な凡例を取得するには、chartAreaの幅と高さを次のように追加します

var options = {
              title: csv,
              width: 800,
              height: 600,
              chartArea: {  width: "50%", height: "70%" }
};

これを見てください jqfaq.com 動作するサンプルを取得します

37
Swarna Latha

chartAreaで、幅を30%にしてグラフを中央に移動します。

chartArea:{幅: "30%"、高さ: "50%"}

0
Chieu Luu