Charts 更改面积图的填充和笔划颜色？_Charts_Google Visualization_Visualization

Charts 更改面积图的填充和笔划颜色？

charts google-visualization

Charts 更改面积图的填充和笔划颜色？,charts,google-visualization,visualization,Charts,Google Visualization,Visualization,我对谷歌图表比较陌生，所以请原谅我的无知我正在查看面积图，我想更改填充和笔划颜色。这是代码  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1

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

我正在查看面积图，我想更改填充和笔划颜色。这是代码

<!--
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>


谷歌可视化API示例
load（'visualization'，'1'，{packages:['corechart']}）；
函数drawVisualization（）{
//一些原始数据（不一定准确）
var data=google.visualization.arrayToDataTable([
[‘月份’、‘目标’]，
[JAN'，85]，
['FEB'，105]，
['MAR'，65]，
['APR'，45]，
['MAY'，45]，
[JUN'，15]，
['JUL'，60]
]);
//创建并绘制可视化。
var ac=new google.visualization.AreaChart（document.getElementById（'visualization'）；
ac.draw（数据、{
标题：“”，
isStacked：是的，
宽度：600，
身高：400，
vAxis:{标题：“百万”}，
哈克斯：{title:“Month”}
});
}
setOnLoadCallback（drawVisualization）；

我问题的另一部分是，在哪里可以找到定制谷歌图表的完整参考资料

谢谢，

面积图中每个系列的填充和笔划颜色由系列颜色决定。您可以通过设置

colors

选项（采用HTML颜色字符串数组，按列顺序分配给数据系列）或通过

series..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'
    }
}