Javascript （谷歌嵌入API）如何更改图表表格样式宽度

（这是关于谷歌嵌入api的而不是谷歌图表，堆栈溢出不会让我创建一个没有1500声誉的新标签）

你好,

我对CSS不是很在行，我正在做一个项目，在这个项目中，我必须使用谷歌的新图表嵌入API为每个维度呈现一组列。图表是通过对gapi.analytics.googleCharts.DataChart（）的js调用创建的，该调用完美地创建了我想要的内容，但是js调用中的CSS设置覆盖了我指定的CSS设置

调用gapi.analytics.googleCharts.DataChart（）

在下面的div中创建一个GoogleCharts表，宽度设置为450px

以div css样式创建的js覆盖了我的css文件的宽度：100%

任何帮助都是巨大的，谢谢！

---

-亚历克斯

我找到了其他人都在寻找的答案

我没有试图覆盖CSS中的样式，而是发现GoogleCharts在options元素中提供了一个宽度参数。要设置图表宽度，只需添加选项并在选项中定义宽度：

{width:'100%}

图表：{
键入：“表”，
容器：“会话表”，
选项：{宽度：“100%”
}

这仅适用于表格图表。如果是折线图，则必须在调整窗口大小时触发图表重画

你可以看到答案中的代码

chart: {
      type: 'TABLE',
      container: 'sessions_table',
      options: {width: '100%'}
    }