(Google Embed API)如何更改图表表格样式的宽度 [英] (Google Embed API) How to change chart-table-style width
问题描述
(这是关于google-embed-api 不是Google图表,Stack Overflow不允许我创建一个没有1500个声誉的新标签)
您好,
我对CSS并不难以置信,我正在开发一个项目,我必须使用googles新图表嵌入API 。图表是通过js调用gapi.analytics.googleCharts.DataChart()创建的,它创建了我想要的,但是JS调用中的CSS设置覆盖了我指定的那个。
-
调用gapi.analytics.googleCharts.DataChart()
-
创建google图表表,在下面的div中,width设置为450px
-
js中创建的in-div css样式覆盖了我的CSS文件的宽度:100% p>
任何帮助都是巨大的,谢谢!
-Alex
我发现了任何其他人正在查找的JIC的回答
不是试图覆盖CSS中的样式,我发现google图表在options元素中提供了宽度参数。要设置图表宽度,只需在选项中添加选项并定义宽度: {width:'100%'}
chart:{type:'TABLE',container:'sessions_table',options:{width:'100%'}}
(This is regarding google-embed-api NOT google charts, Stack Overflow won't let me create a new tag without 1500 reputation)
Hello,
I'm not incredible at CSS, and am working on a project where I must present a bunch of columns per dimension using googles new charts embed API. The chart is created through a js call to gapi.analytics.googleCharts.DataChart() which creates what I want, perfectly, however the CSS settings in the JS call are overriding the one's I specify.
Calling gapi.analytics.googleCharts.DataChart()
Creates a google charts table, in the div below, with width set to 450px
The js created in-div css style overrides my CSS file's width : 100%
Any help would be huge, and thanks! -Alex
I found the answer JIC anyone else is looking
Rather than try to override the styling in CSS, I found that google charts offers a width argument in the options elements. To set the chart width simply add options and define width in options: {width: '100%'}
chart: {
type: 'TABLE',
container: 'sessions_table',
options: {width: '100%'}
}
这篇关于(Google Embed API)如何更改图表表格样式的宽度的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!