Question

我有一个用图表包装器调用的组合图表，它将图表放在它给定的区域中心。我想将它移到左边，但是当我尝试

时

chartArea: {left:0},

Y轴/ V轴网格线上的值被切断。

有没有办法可以将图表和所有元素都移到左边？

我正在使用谷歌可视化代码游乐场，这是我的工作代码。我试图获得vAxis的宽度并且它不起作用但是任何方法都可以移动整个图表并且不切断值或将值放在图表中会很棒，

function drawVisualization() {
var data = google.visualization.arrayToDataTable([
['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
['2004/05',  165,      938,         522,             998,           450,      614.6],
['2005/06',  135,      1120,        599,             1268,          288,      682],
['2006/07',  157,      1167,        587,             807,           397,      623],
['2007/08',  139,      1110,        615,             968,           215,      609.4],
['2008/09',  136,      691,         629,             1026,          366,      569.6]
]);

var wrapper = new google.visualization.ChartWrapper({
chartType: 'ComboChart',
dataTable: data,
options: {
          seriesType: "bars",
          series: {5: {type: "line"}}
         },
containerId: 'visualization'
});
 wrapper.draw();

var charm = wrapper.getChart();

var chi=charm.getChartLayoutInterface();

var width=cli.getBoundingBox('vAxis').width;
wrapper.setOption('chartArea.left','width');
wrapper.draw();
}

调试代码告诉我魅力是空的

Answer 1

你很亲密。您需要将位置设置代码粘贴到包装器的ready事件侦听器中，因为图表对象似乎是在异步进程中创建的，所以当您调用{{1}时，它不能保证存在（这就是你的调试说wrapper.getChart()为空）的原因。此外，您希望获得charm的边界框，而不是vAxis#0#label。固定代码如下所示：

vAxis

请参阅此处的工作示例：http://jsfiddle.net/asgallant/KwG5N/

在谷歌可视化组合图表中如何在不删除Vaxis标签的情况下删除左边距

1 个答案: