google-visualization - Google Charts 列宽（以像素为单位）

Question

我已将条形图的宽度设置为 580 像素。图表溢出视图窗口中的区域的问题。是否可以减小图表区域中的列大小以减小整体图表大小？我的意思是是否可以更改每列每像素数字的比例，以便例如 280 数字显示在更少的像素空间中？

Answer 1

您可以使用响应式条形图。

var options = {
  width: "100%", //adjusts according to the screen size 
  height: 500,
  bar: { groupWidth: "75%" },
  legend: { position: 'right', textStyle: { color: 'black' } },
  isStacked: true,
  vAxis: { textStyle: { color: 'black' } },
  hAxis: { textStyle: { color: 'black' }, format: ' #,##0.00' },
  chartArea: { width: "50%", height: "70%" }};

function resizeCharts() {
   // redraw charts, dashboards, etc here
   chart.draw(dadosGrafico, options);}

$(window).resize(resizeCharts);