（Google Embed API）如何更改图表样式的宽度答案

【问题标题】：(Google Embed API) How to change chart-table-style width（Google Embed API）如何更改图表样式的宽度
【发布时间】：2014-12-11 03:34:51
【问题描述】：

（这是关于 google-embed-api 不是 google 图表，Stack Overflow 不会让我创建没有 1500 声望的新标签）

你好，

我在 CSS 方面并不出色，我正在开展一个项目，我必须使用谷歌的新图表嵌入 API 为每个维度呈现一堆列。该图表是通过对 gapi.analytics.googleCharts.DataChart() 的 js 调用创建的，它完美地创建了我想要的内容，但是 JS 调用中的 CSS 设置覆盖了我指定的设置。

调用 gapi.analytics.googleCharts.DataChart()
在下面的 div 中创建一个谷歌图表表格，宽度设置为 450px
在 div 中创建的 js css 样式覆盖了我的 CSS 文件的宽度：100%

任何帮助都会很大，谢谢！ -亚历克斯

【问题讨论】：

标签： javascript css css-selectors google-api-java-client graph-visualization

【解决方案1】：

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

这仅适用于表格图表。当它用于折线图时，您必须在窗口调整大小时触发图表重绘。

你可以在this答案中看到代码

【讨论】：

【解决方案2】：

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

我发现谷歌图表在选项元素中提供了一个宽度参数，而不是尝试覆盖 CSS 中的样式。要设置图表宽度，只需添加选项并在选项中定义宽度：{width: '100%'}

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

【讨论】：