Отображать линии и точки на линейной диаграмме - Google Visualization API - PullRequest
5 голосов
/ 17 марта 2011

Можно ли представить один ряд данных в виде точек, а другой - в виде линий?

На приведенной ниже диаграмме я хочу, чтобы синяя линия «Данные» была представлена ​​в виде точек, в то время как другие серии сохраняются в виде линий.это можно сделать с помощью Google Visualisations?

Google Visualisation (Line Graph)

Я сгенерировал приведенный выше график в this fiddle , используя следующий код

   function drawVisualization() {
  // Create and populate the data table.
  var data = new google.visualization.DataTable();
  data.addColumn('string', 'x');
  data.addColumn('number', 'Data');
  data.addColumn('number', 'High');
  data.addColumn('number', 'Low');
  data.addRow(["A", 1, 5.5, 2.3]);
  data.addRow(["B", 2, 5.5, 2.3]);
  data.addRow(["C", 7, 5.5, 2.3]);
  data.addRow(["D", 3, 5.5, 2.3]);
  data.addRow(["E", 6, 5.5, 2.3]);
  data.addRow(["F", 5, 5.5, 2.3]);


  // Create and draw the visualization.
  new google.visualization.LineChart(document.getElementById('visualization')).
      draw(data, {
        width: 500, height: 400}
          );
}

1 Ответ

8 голосов
/ 26 июля 2011

Да, вы можете!
http://code.google.com/apis/chart/interactive/docs/gallery/linechart.html

По этой ссылке перейдите в раздел «Серии».Вы можете указать каждую строку как серию и установить для свойства lineWidth значение 0, переопределяя значение по умолчанию.Это должно иметь эффект рисования не линии, а только точки данных.В вашем случае вы можете установить 1-ую серию («Данные») на 0 и оставить остальные в покое.

...