Настройка vAxis в одном масштабе на нескольких графиках на одной странице - PullRequest
Новая
       28

Настройка vAxis в одном масштабе на нескольких графиках на одной странице

0 голосов
/ 18 сентября 2018

У меня есть HTML-документы, которые отображают три линейные диаграммы, запрошенные из той же таблицы Fusion.Первая диаграмма - количество рождений в год, две другие - количество браков и смертей в год.

Я бы хотел установить vAxis, чтобы все три графика имели одинаковую шкалу от 0 до 35 000.Я пробовал несколько решений, которые я нашел в Интернете, включая установку минимальных / максимальных значений viewWindowMode и тиков vAxis:Каждый раз, когда я пытаюсь установить один из этих параметров, диаграмма не отображается.

Это то, что у меня сейчас работает, но максимальное значение vAxis, которое оно отображает, равно 8 КБ, и мне нужно, чтобы оно было 35 КБ, чтобы сопоставить диаграмму смаксимальное значение. 

  google.load('visualization', '1.1', { packages: ['line'] });
google.setOnLoadCallback(drawChart);

  function drawChart() {

    var query = "SELECT 'Year', 'Death' FROM 1_ZsP2sm6HteqyygtifQ0cIRKn00cA1GDeRu4KMEr WHERE 'Year_n' >= 1829 AND 'Year_n' <= 2012 ORDER BY 'Year'" ;

    var queryText = encodeURIComponent(query);
    var gvizQuery = new google.visualization.Query(
        'https://www.google.com/fusiontables/gvizdata?tq=' + queryText);

    gvizQuery.send(function(response) {
      var chart = new google.charts.Line(
          document.getElementById('linechart_death'));

      chart.draw(response.getDataTable(), {
    chart: {title:'Records Per Year'},
    legend: {position:'none'},

    lineWidth: 100,
    colors: '#87BA41',
      });
    });
  }

  google.setOnLoadCallback(drawChart);

1 Ответ

0 голосов
/ 18 сентября 2018

есть несколько параметров конфигурации, которые не поддерживаются Материал диаграммы,
см. выпуски #: 2143 .

это включает в себя ... 

{hAxis,vAxis,hAxes.*,vAxes.*}.ticks
{hAxis,vAxis,hAxes.*,vAxes.*}.minValue
{hAxis,vAxis,hAxes.*,vAxes.*}.maxValue
{hAxis,vAxis,hAxes.*,vAxes.*}.viewWindowMode

, чтобы использовать эти опции, необходимо использовать диаграмму Classic ...

Материал = google.charts.Line от packages: ['line']

Классический = google.visualization.LineChart от packages: ['corechart']

Есть вариантчтобы диаграммы Classic выглядели аналогично to Материал ... 

theme: 'material'
...