在谷歌时间线图表中使用jQuery选择矩形填充颜色,可以通过以下步骤实现:
<div id="timeline"></div>
$(document).ready(function() {
// 选择容器元素
var container = $('#timeline');
// 创建时间线图表数据
var data = new google.visualization.DataTable();
data.addColumn('date', 'Start');
data.addColumn('date', 'End');
data.addColumn('string', 'Event');
data.addRows([
[new Date(2022, 0, 1), new Date(2022, 0, 5), 'Event 1'],
[new Date(2022, 0, 6), new Date(2022, 0, 10), 'Event 2'],
[new Date(2022, 0, 11), new Date(2022, 0, 15), 'Event 3']
]);
// 设置时间线图表的选项
var options = {
timeline: {
colorByRowLabel: true,
rowLabelStyle: {
fontName: 'Arial',
fontSize: 12,
color: '#000000'
}
}
};
// 生成时间线图表
var chart = new google.visualization.Timeline(container[0]);
chart.draw(data, options);
});
在上述代码中,我们使用了google.visualization.Timeline
类来创建时间线图表,并通过chart.draw(data, options)
方法将数据和选项绘制到指定的容器元素中。
请注意,上述代码中的google.visualization.Timeline
类和相关方法是谷歌时间线图表的API,具体使用方法可以参考谷歌官方文档。
推荐的腾讯云相关产品:腾讯云云服务器(CVM)和腾讯云对象存储(COS)。
请注意,以上推荐的腾讯云产品仅供参考,具体选择应根据实际需求进行评估和决策。
领取专属 10元无门槛券
手把手带您无忧上云