Charts 如何防止谷歌图表中的图例标签被切断
使用Perl脚本,我可以一次生成20个或更多系列的数据 图例标签的形式为:序列号加上一个迭代#计数器 不幸的是,从#10开始,这些计数器被切断: 有没有办法阻止谷歌图表这样做 我非常简单的图表代码如下: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
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%}任何其他想法都很好。