Изменить цвет заливки и Штриха диаграммы области?

Я относительно новичок в Google charts, поэтому, пожалуйста, простите мое невежество;

Я смотрю на диаграмму области, и я хочу изменить цвет заливки и Штриха. Вот код...

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

другая часть моего вопроса: где я могу найти полную ссылку для настройки диаграмм google?

спасибо,

1 ответов


цвет заливки и Штриха каждой серии в диаграмме 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). Некоторые функции, охватывающие несколько диаграмм, документируются отдельно (например:интервалы, линии, приборные панели и элементы управления, Обработчики Событий, анимации). Структуры данных, обработка данных, форматирование и связанные классы задокументированы в ссылка на API.