График Google удалить цвет фона - PullRequest
Новая
       96

График Google удалить цвет фона

1 голос
/ 04 августа 2020

Я не могу найти ответ на этот вопрос в SO или в документации Google. Учитывая следующую конфигурацию, как мне удалить этот очень надоедливый фон? Отчаянно безуспешно пытаясь найти нужное свойство в документации: https://developers.google.com/chart/interactive/docs/gallery/linechart

  chart: {
    type: 'LINE',
    options: {
      width: '100%',
      colors: [colors.primary.fresh],
      // what property to target here? I've tried most...
    }
  }

введите описание изображения здесь

1 Ответ

1 голос
/ 04 августа 2020

areaOpacity: 0 - это вариант, который, я думаю, вы ищете ...

ОДНАКО, этот параметр работает только с диаграммами с областями, а не с линейными диаграммами. не уверен, что это сработает для вас.

см. Следующую диаграмму с областями, без цвета заливки. 

google.charts.load('current', {
  packages: ['controls']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');
  data.addRows([
    [0,  4000],
    [1,  3800],
    [2,  5600],
    [3,  5800],
    [4,  5400],
    [5,  5000]
  ]);

  var chart = new google.visualization.ChartWrapper({
    chartType: 'AreaChart',
    containerId: 'chart_div',
    dataTable: data,
    options: {
      areaOpacity: 0
    }
  });
  chart.draw();
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

см. Следующую линейную диаграмму с добавленным цветом заливки (не работает). 

google.charts.load('current', {
  packages: ['controls']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');
  data.addRows([
    [0,  4000],
    [1,  3800],
    [2,  5600],
    [3,  5800],
    [4,  5400],
    [5,  5000]
  ]);

  var chart = new google.visualization.ChartWrapper({
    chartType: 'LineChart',
    containerId: 'chart_div',
    dataTable: data,
    options: {
      areaOpacity: 0.3
    }
  });
  chart.draw();
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>

и для справки см. Следующую диаграмму с областями с добавленным цветом заливки. 

google.charts.load('current', {
  packages: ['controls']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');
  data.addRows([
    [0,  4000],
    [1,  3800],
    [2,  5600],
    [3,  5800],
    [4,  5400],
    [5,  5000]
  ]);

  var chart = new google.visualization.ChartWrapper({
    chartType: 'AreaChart',
    containerId: 'chart_div',
    dataTable: data,
    options: {
      areaOpacity: 0.3
    }
  });
  chart.draw();
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
...