Гугл чарт нескольких серий с одинаковым масштабом

Question

Гугл чарт нескольких серий с одинаковым масштабом

1

Я ищу способ иметь несколько серий на моей графике, с одинаковыми масштабами, но отображаемыми только один раз.

как вы можете видеть здесь: http://jsfiddle.net/Youkoal/d3xwnqdu/У меня есть 4 séries, и диаграмма отображает все 4 оси.

Я отметил, что эти свойства, похоже, не работают здесь:

TextStyle: {color: 'none'}

ни

{format: 'none'}

когда они включены в опции оси.

Если кто-то может сказать мне, как я могу "спрятать" эту ось или поставить все сирены на одинаковые масштабы, было бы хорошо. Спасибо

youkoal 27 апр. 2018, в 11:58

Источник

Теги:

javascript

charts

google-visualization

1 ответ

Ещё вопросы

WhiteHat · Accepted Answer · 2018-04-27T08-54-00.000Z

первая буква в textStyle должна быть строчной...

    textStyle: {
      color: 'none'
    }

это скроет текст, но график по-прежнему будет выделять место для ярлыков,
для минимизации, уменьшить fontSize...

    textStyle: {
      color: 'none',
      fontSize: 1
    }

В идеале мы могли бы использовать textPosition: 'none', но этот параметр не поддерживается для диаграмм материалов.
Отслеживание проблемы для характеристики материала

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

google.charts.load('current', {
  packages: ['bar']
}).then(function () {
  var data = google.visualization.arrayToDataTable([
    ['Semaines', 'Test Region', 'Test2 Region', 'Test SerieNE', 'Test2 SerieNE', 'Test SerieS', 'Test2 SerieS', 'Test SerieO', 'Test2 SerieO'],
    ['Semaine 1', 0, 0, 0, 0, 0, 0, 0, 0],
    ['Semaine 2', 0, 0, 0, 0, 0, 0, 0, 0],
    ['Semaine 3', 0, 0, 0, 0, 0, 0, 0, 0],
    ['Semaine 4', 24, 0, 21, 0, 0, 0, 3, 0],
    ['Semaine 5', 122, 0, 21, 0, 52, 0, 49, 0],
    ['Semaine 6', 361, 0, 23, 0, 325, 0, 13, 0],
    ['Semaine 7', 51, 0, 21, 0, 11, 0, 19, 0],
    ['Semaine 8', 81, 3, 3, 0, 64, 3, 14, 0],
    ['Semaine 9', 711, 22, 81, 3, 527, 9, 103, 10],
    ['Semaine 10', 139, 13, 26, 5, 104, 5, 9, 3],
    ['Semaine 11', 255, 12, 139, 2, 33, 4, 83, 6],
    ['Semaine 12', 256, 10, 23, 4, 15, 5, 218, 1],
    ['Semaine 13', 145, 26, 84, 7, 58, 16, 3, 3],
    ['Semaine 14', 112, 15, 51, 0, 34, 11, 27, 4],
    ['Semaine 15', 122, 27, 29, 8, 53, 14, 40, 5],
    ['Semaine 16', 98, 18, 17, 6, 31, 7, 50, 5],
    ['Semaine 17', 87, 21, 12, 6, 37, 3, 38, 12],
  ]);

  var options = {
    chart: {
      title: 'Suivis hebdo',
      subtitle: 'Pilotage',
    },
    bars: 'vertical',
    isStacked: true,
    height: 600,
    series: {
      2: {
        targetAxisIndex: 1
      },
      3: {
        targetAxisIndex: 1
      },
      4: {
        targetAxisIndex: 2
      },
      5: {
        targetAxisIndex: 2
      },
      6: {
        targetAxisIndex: 3
      },
      7: {
        targetAxisIndex: 3
      }
    },
    vAxis: {
      format: 'decimal',
      viewWindow: {
        min: 0,
        max: 1000
      }
    },
    vAxes: {
      1: {
        textStyle: {
          color: 'none',
          fontSize: 1
        }
      },
      2: {
        textStyle: {
          color: 'none',
          fontSize: 1
        }
      },
      3: {
        textStyle: {
          color: 'none',
          fontSize: 1
        }
      }
    },
  };

  var chart = new google.charts.Bar(document.getElementById('chart_div'));
  chart.draw(data, google.charts.Bar.convertOptions(options));
});

<script src="/loader.js"></script>
<div id="chart_div"></div>

заметки:

1) нужно использовать правильную библиотеку, jsapi больше не следует использовать, вместо этого используйте loader.js
это изменит только оператор load, см. выше фрагмент...

2) вы можете использовать опцию vAxis для установки шкалы для всех vAxes

3) нет необходимости перемещать первую серию в другую targetAxisIndex