Question

（这是关于google-embed-api 不是谷歌排行榜，Stack Overflow不会让我创建一个没有1500声誉的新标签）

您好，

我在CSS上并不令人难以置信，我正在开发一个项目，我必须使用googles new charts embed API为每个维度提供一堆列。该图表是通过对gapi.analytics.googleCharts.DataChart（）的js调用创建的，它完美地创建了我想要的东西，但是JS调用中的CSS设置覆盖了我指定的那个。

调用gapi.analytics.googleCharts.DataChart（）
在下面的div中创建一个google图表表格，宽度设置为450px
创建in-div css样式的js会覆盖我的CSS文件的宽度：100％

任何帮助都会很大，谢谢！ -Alex

Answer 1

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

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

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

Answer 2

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

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

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

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

2 个答案: