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

Charts 如何防止谷歌图表中的图例标签被切断,charts,legend,google-visualization,Charts,Legend,Google Visualization,使用Perl脚本,我可以一次生成20个或更多系列的数据 图例标签的形式为:序列号加上一个迭代#计数器 不幸的是,从#10开始,这些计数器被切断: 有没有办法阻止谷歌图表这样做 我非常简单的图表代码如下: var data = { ...... }; function drawCharts() { for (var csv in data) { var x = new google.visualization.Da

使用Perl脚本,我可以一次生成20个或更多系列的数据

图例标签的形式为:序列号加上一个迭代#计数器

不幸的是,从#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);
    });

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

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

查看此图,在图表区域中获得一个工作示例,使宽度为30%将图形移到中心


chartArea:{宽度:“30%”,高度:“50%”

您是否尝试过更改
chartArea
的选项?尝试将
ChartArea.Right
设置为不同的值,然后查看是否仍会被切断。将ChartArea选项扩展到100%的宽度可以解决我的问题。与文档相反,图表区域包含图例。我使用了PieChart,但同样的选项也适用于折线图。var options={'title':title,'width':w,'height':h,'chartArea':{left:0,top:10,width:100%};var chart=newgoogle.visualization.PieChart(document.getElementById(chartDiv));图表绘制(数据、选项);出于某种原因,这个chartArea命令对我们没有任何影响。这是我们发送它的方式。”chartArea':{'width':'100%,'height':'20%}任何其他想法都很好。