如何在条形图(dc.js)中动态更改条形图的大小？

// 创建一个包含条形图的容器元素
var chartContainer = d3.select("#chart-container");

// 创建一个条形图对象，并将其绑定到容器元素上
var chart = dc.barChart(chartContainer);

// 加载数据源，并将数据转换为适合条形图的格式
d3.csv("data.csv", function(data) {
  // 设置条形图的x轴和y轴
  chart.x(d3.scale.ordinal())
    .xUnits(dc.units.ordinal)
    .yAxisLabel("Value")
    .xAxisLabel("Category");

  // 创建一个维度和一个组，并将其与条形图对象关联
  var dimension = ndx.dimension(function(d) {
    return d.category;
  });
  var group = dimension.group().reduceSum(function(d) {
    return +d.value;
  });
  chart.dimension(dimension)
    .group(group);

  // 设置条形图的宽度和高度
  chart.width(400)
    .height(300);

  // 绑定数据到条形图上，并根据数据的值设置条形的高度
  chart.barPadding(0.1)
    .outerPadding(0.05)
    .valueAccessor(function(d) {
      return +d.value;
    });

  // 更新条形图
  chart.render();

  // 监听事件或用户交互，动态更改条形图的大小
  d3.select("#resize-button").on("click", function() {
    // 修改条形图的宽度和高度
    chart.width(600)
      .height(400);

    // 更新条形图
    chart.render();
  });
});