SPART4K
@SPART4K
Middle Front-end Developer (Vue.js/Nuxt.js)

Как поменять цвет линии в google chart ( chart_div)?

Имеется график
<div id="chart_div" style="width: 100%; height: 100%;">

google.charts.load('current', {'packages':['line', 'corechart']});
      google.charts.setOnLoadCallback(drawChart);

    function drawChart() {

      var button = document.getElementById('change-chart');
      var chartDiv = document.getElementById('chart_div');

      var data = new google.visualization.DataTable();
      data.addColumn('date', '');
      data.addColumn('number', "");

      data.addRows([
        [new Date(2020, 8, 1), 10000],
        [new Date(2020, 8, 3), 10000],
        [new Date(2020, 8, 4), 25000],
        [new Date(2020, 8, 6), 20000],
        [new Date(2020, 8, 9), 10000],
        [new Date(2020, 8, 12), 25000],
        [new Date(2020, 8, 16), 20000],
        [new Date(2020, 8, 20), 3000]
     
      ]);

      var materialOptions = {
        chart: {
          title: ''
        },
        width: '100%',
        height: 400,
        color:"red",
        series: {
          // Gives each series an axis name that matches the Y-axis below.
          0: {axis: ''},
          1: {axis: ''}
        },
        axes: {
          // Adds labels to each axis; they don't have to match the axis names.
          y: {
            Temps: {label: ''},
            Daylight: {label: ''}
          }
        }
      };

      

      function drawMaterialChart() {
        var materialChart = new google.charts.Line(chartDiv);
        materialChart.draw(data, materialOptions);
        button.innerText = 'Change to Classic';
        button.onclick = drawClassicChart;
      }

      function drawClassicChart() {
        var classicChart = new google.visualization.LineChart(chartDiv);
        classicChart.draw(data, classicOptions);
        button.innerText = 'Change to Material';
        button.onclick = drawMaterialChart;
      }

      drawMaterialChart();

    }

Нужно поменять цвет линии на графике на красный, подскажет кто как это сделать?
  • Вопрос задан
  • 417 просмотров
Решения вопроса 1
0xD34F
@0xD34F Куратор тега JavaScript
series: {
  0: {
    color: 'red',
  },
},
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы