React.js:React-Google-Chart生成的调整表大小

时间:2018-10-08 19:58:56

标签: javascript reactjs google-visualization

我正在使用React-Google-Chart可视化组件中的数据。但是,图表本身并不会在视觉上变大,而是作为一个元素。

让我解释一下:

<div className="container">
            <Chart
                chartType="Table"
                width="100%"
                height="400%"
                data={this.mapArray()}
                options={this.state.options}
            />
</div>

我的选择状态:

    options : {
        title: "Company Performance",
        curveType: "function",
        legend: { position: "bottom" },
        pageSize: 50
    },

目前,我的宽度为100%。现在,如果我将宽度设置为1000%,则实际的视觉宽度不会变宽。但是,如果检查CSS元素,则表明div占用的空间是以前的10倍。但是,这不是我想要的。我尝试使用谷歌提供的默认CSS,但是它没有变大。显然,这是它可以获得的最大尺寸,但与背景相比仍然要小得多

我想做的事情:我想在视觉上放大图表。图表本身和字段。

任何帮助都将不胜感激。

0 个答案:

没有答案