Изменение максимального значения в Google Charts - PullRequest
Новая
       7

Изменение максимального значения в Google Charts

0 голосов
/ 12 декабря 2018

Я хочу составить диаграмму рейтинга минимальных кликов по электронной почте, и этот CTR будет иметь очень маленькие значения от 0.5 до 100, но при его отображении рядом с барами с 10 000 значений (электронные письма отправляются в день), небольшая полоса / линия CTR находится слишком низко на графике и не видна.

Мне нужно указать минимальное / максимальное значение для этого значения CTR, чтобы в самом верху графика это было 100 что мне нужно изменить в этом коде Google по умолчанию, например, где этой средней линией может быть мой рейтинг кликов?Поэтому я заставляю эту строку перейти к 0.5 до 100

https://jsfiddle.net/6mn4typ0/

1 Ответ

0 голосов
/ 12 декабря 2018

поместите CTR на вторичную ось,
и установите там минимальное и максимальное значения 

series: {
  5: {
    targetAxisIndex: 1,  // <-- set as secondary axis
    type: 'line'
  }
},
vAxes: {  // <-- use vAxes for secondary axis options
  1: {
    title: 'Average',
    viewWindow: {  // <-- set view window
      min: 0,
      max: 100
    }
  }
}

см. Следующий рабочий фрагмент ... 

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Month', 'Bolivia', 'Ecuador', 'Madagascar', 'Papua New Guinea', 'Rwanda', 'Average'],
    ['2004/05', 10165, 12938, 10522, 15998, 14450, 0.6],
    ['2005/06', 10135, 13120, 11599, 11268, 12288, 20.6],
    ['2006/07', 11157, 10167, 12587, 12807, 13397, 40.9],
    ['2007/08', 12139, 11110, 11615, 10968, 12215, 80.4],
    ['2008/09', 13136, 11691, 10629, 11026, 13366, 90.6]
  ]);

  var options = {
    title : 'Monthly Coffee Production by Country',
    vAxis: {title: 'Cups'},
    hAxis: {title: 'Month'},
    seriesType: 'bars',
    series: {
      5: {
        targetAxisIndex: 1,
        type: 'line'
      }
    },
    vAxes: {
      1: {
        title: 'Average',
        viewWindow: {
          min: 0,
          max: 100
        }
      }
    }
  };

  var chart = new google.visualization.ComboChart(document.getElementById('chart_div'));
  chart.draw(data, options);
});
<script src="https://www.gstatic.com/charts/loader.js"></script>
<div id="chart_div"></div>
...