如何防止Google图表中的图例标签被截断

Ale*_*ber 21 charts legend google-visualization

使用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);
    });
Run Code Online (Sandbox Code Playgroud)

Swa*_*tha 36

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

var options = {
              title: csv,
              width: 800,
              height: 600,
              chartArea: {  width: "50%", height: "70%" }
};
Run Code Online (Sandbox Code Playgroud)

看看这个jqfaq.com获取一份工作样本