Хобрук: Ваш путь к мастерству в программировании

заливка фона линейной диаграммы Google в соответствии с изображением

Я застрял на линейной диаграмме Google ниже, это изображение, которое объясняет, какой цвет мне нужно изменить введите описание изображения здесь

Я использую следующий код.

<script type="text/javascript">
   google.setOnLoadCallback(drawDiscreteChart);




   function drawDiscreteChart() {
                        // Create and populate the data table.
                        var data = new google.visualization.DataTable();
                        data.addColumn('string', 'Date');
                        data.addColumn('number', 'R$');
                        data.addRows([
                           ['Apr/13', 13000000],
                           ['May/13', 12934520.8],
                           ['Jun/13', 12869121.47],
                           ['Jul/13', 12803801.59]
                         ]);

                        var options = {
                          title: '',
                          legend: {position: 'none'},
                          backgroundColor: '#1C1C1C',
                          vAxis: {title: '', minValue: 0, maxValue: 25, gridlines: {color: '212121'},textStyle:{color: 'fff',fontSize:10}},
                          hAxis:{textStyle:{color: 'fff',fontSize:10},slantedTextAngle:90},
                          bubble: {textStyle: {fontSize: 13}},
                          series: {0:{color:'ffffff',lineWidth:1}},
                          sizeAxis: {minValue: 11, maxSize: 11, maxValue: 11, minSize: 11},
                        };

                        // Create and draw the visualization.
                        var chart = new google.visualization.AreaChart(document.getElementById('discrete_chart'));
                        chart.draw(data, options);
                      }

                          </script>

Может ли кто-нибудь помочь мне в этом..

charts google-visualization
29.05.2013

Ответы:


1

После 2 дней исследований и разработок я нашел решение для этого

<script type="text/javascript">
                  google.setOnLoadCallback(drawDiscreteChart);

                  function drawDiscreteChart() {
                    // Create and populate the data table.
                    var data = new google.visualization.DataTable();
                    data.addColumn('string', 'Date');
                    data.addColumn('number', 'R$');
                    data.addRows([
                       ['Apr/13', 13000000],
                       ['May/13', 12934520.8],
                       ['Jun/13', 12869121.47],
                       ['Jul/13', 12803801.59]
                     ]);

                    var options = {
                      title: '',
                      legend: {position: 'none'},
                      backgroundColor: '#1C1C1C',
                      vAxis: {title: '', minValue: 0, maxValue: 25, gridlines: {color: '212121'},textStyle:{color: 'fff',fontSize:10}},
                      hAxis:{textStyle:{color: 'fff',fontSize:10},slantedTextAngle:90},
                      bubble: {textStyle: {fontSize: 13}},
                      series: {0:{color:'green',lineWidth:1}},
                      sizeAxis: {minValue: 11, maxSize: 11, maxValue: 11, minSize: 11},
                    };

                    // Create and draw the visualization.
                    var chart = new google.visualization.AreaChart(document.getElementById('discrete_chart'));
                    chart.draw(data, options);
                  }

                      </script>

В серии кода: {0:{color:'green',lineWidth:1}} вам нужно указать свой цвет...

01.06.2013
Новые материалы
Создание кнопочного меню с использованием HTML, CSS и JavaScript
Вы будете создавать кнопочное меню, которое имеет состояние наведения, а также позволяет вам выбирать кнопку при нажатии на нее. Финальный проект можно увидеть в этом Codepen . Шаг 1..
Внедрите OAuth в свои веб-приложения для повышения безопасности
OAuth — это широко распространенный стандарт авторизации, который позволяет приложениям получать доступ к ресурсам от имени пользователя, не раскрывая его пароль. Это позволяет пользователям..
Классы в JavaScript
class является образцом java Script Object. Конструкция «class» позволяет определять классы на основе прототипов с чистым, красивым синтаксисом. // define class Human class Human {..
Как свинг-трейдеры могут использовать ИИ для больших выигрышей
По мере того как все больше и больше профессиональных трейдеров и активных розничных трейдеров узнают о возможностях, которые предоставляет искусственный интеллект и машинное обучение для улучшения..
Как построить любой стол
Я разработчик программного обеспечения. Я люблю делать вещи и всегда любил. Для меня программирование всегда было способом создавать вещи, используя только компьютер и мое воображение...
Обзор: Машинное обучение: классификация
Только что закончил третий курс курса 4 часть специализации по машинному обучению . Как и второй курс, он был посвящен низкоуровневой работе алгоритмов машинного обучения. Что касается..
Разработка расширений Qlik Sense с qExt
Использование современных инструментов веб-разработки для разработки крутых расширений Вы когда-нибудь хотели кнопку для установки переменной в приложении Qlik Sense? Когда-нибудь просили..