Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用谷歌图表更改时间线的背景色?_Javascript_Reactjs_Google Visualization_Timeline_React Google Charts - Fatal编程技术网

Javascript 如何使用谷歌图表更改时间线的背景色?

Javascript 如何使用谷歌图表更改时间线的背景色?,javascript,reactjs,google-visualization,timeline,react-google-charts,Javascript,Reactjs,Google Visualization,Timeline,React Google Charts,目前,我使用谷歌图表创建的时间线中有一个交替背景色。以下是图表组件: return ( <div class="row" style={{ marginBottom: 30, zoom: "75%" }}> <Chart width={'100%'} height={'200px'} chartType=

目前,我使用谷歌图表创建的时间线中有一个交替背景色。以下是图表组件:

return (
        <div class="row" style={{ marginBottom: 30, zoom: "75%" }}>
            <Chart
                width={'100%'}
                height={'200px'}
                chartType="Timeline"
                loader={<div>Loading Chart</div>}
                columns={
                    [
                        { type: 'string', id: 'Position' },
                        { type: 'string', id: 'Name' },
                        { type: 'date', id: 'Start' },
                        { type: 'date', id: 'End' },
                    ]
                }
                rows={
                    timelineData.map((data, idx) => (
                        [
                            data.type,
                            data.name,
                            new Date(data.ysD, data.msD, data.dsD),
                            new Date(data.yeD, data.meD, data.deD)
                        ]
                    ))
                }
                options={{
                    timeline: {
                        colorByRowLabel: true,
                    },
                    backgroundColor: {
                        fill: 'white'
                    }
                }}
                rootProps={{ 'data-testid': '3' }}
            />
        </div>
    )
返回(
(
[
数据类型,
data.name,
新日期(data.ysD、data.msD、data.dsD),
新日期(data.yeD、data.meD、data.deD)
]
))
}
选择权={{
时间线:{
colorByRowLabel:是的,
},
背景颜色:{
填充:“白色”
}
}}
rootProps={{'data testid':'3'}
/>
)
下面是它的样子:


我想删除交替的灰色,只想保留每一行的白色。在React中有什么方法可以做到这一点吗?

请分享一个链接,指向您正在使用的React google图表库的参考资料。这里是:。如果您需要我的问题的链接,也可以查看我的代码,请告诉我。谢谢请看下面的图片。您可以按照与示例中的select事件相同的方式使用ready事件。然后使用相同的代码来更改颜色,但仍然有点不清楚。我基本上希望在所有行中保持背景色为白色,而不使用中间的灰色。如何编辑您发送的链接中的代码以实现此目的。我也有点新的反应,所以一些对你来说很明显的东西对我来说并不明显。你也可以查看这个链接,用户通过添加一个关于svg的代码来回答,他正在设置笔划颜色。但是我不知道把他添加到我的React组件中的代码粘贴到哪里。以下是链接: