gpt4 book ai didi

charts - 更改面积图的填充和描边颜色?

转载 作者:行者123 更新时间:2023-12-04 14:27:51 25 4
gpt4 key购买 nike

我对谷歌图表比较陌生,所以请原谅我的无知;

我正在查看面积图,我想更改填充和描边颜色。这是代码...

<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>
Google Visualization API Sample
</title>
<script type="text/javascript" src="//www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1', {packages: ['corechart']});
</script>
<script type="text/javascript">

function drawVisualization() {
// Some raw data (not necessarily accurate)
var data = google.visualization.arrayToDataTable([
['Month', 'Target'],
['JAN', 85],
['FEB', 105],
['MAR', 65],
['APR', 45],
['MAY', 45],
['JUN', 15],
['JUL', 60]
]);

// Create and draw the visualization.
var ac = new google.visualization.AreaChart(document.getElementById('visualization'));
ac.draw(data, {
title : '',
isStacked: true,
width: 600,
height: 400,
vAxis: {title: "Millions"},
hAxis: {title: "Month"}
});
}

google.setOnLoadCallback(drawVisualization);
</script>
</head>
<body style="font-family: Arial;border: 0 none;">
<div id="visualization" style="width: 600px; height: 400px;"></div>
</body>
</html>

我的问题的另一部分是,在哪里可以找到自定义谷歌图表的完整引用?

谢谢,

最佳答案

AreaChart 中每个系列的填充和描边颜色由系列颜色决定。您可以通过设置 colors 来设置数据系列的颜色。选项(采用 HTML 颜色字符串数组,按列顺序分配给数据系列)或通过 series.<series index>.color选项(它采用 HTML 颜色字符串:

colors: ['#f36daa', 'blue', '#3fc26b']

或者:
series: {
0: {
// set options for the first data series
color: '#f36daa'
},
1: {
// set options for the second data series
color: 'red'
},
2: {
// set options for the third data series
color: '#3fc26b'
}
}

图表选项(大部分)记录在特定图表的文档中(例如: AreaChart )。一些跨越多个图表的特性被单独记录(例如: IntervalsTrendlinesDashboards and ControlsEvent HandlersAnimations )。 API Reference 中记录了数据结构、数据操作、格式设置和相关类。 .

关于charts - 更改面积图的填充和描边颜色?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24331859/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com