charts - 如何防止谷歌图表中的图例标签被切断

Question

使用 Perl 脚本，我一次为 20 多个数据系列生成了大量的Google 折线图。

图例标签的形式是：一个序列号附加一个迭代的#counter。

不幸的是，从 #10 开始，这些计数器被切断：

有没有办法阻止谷歌图表这样做？

我非常简单的图表代码如下：

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

Answer 1

要在图表中获得完整的图例，只需添加 chartArea 宽度和高度，如下所示

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

看看这个jqfaq.com以获得一个工作样本

Answer 2

在 chartArea 中，将宽度设为 30% 将图形移至中心。

图表区域：{宽度：“30%”，高度：“50%”}