Как сделать так, чтобы у круга Google Line Chart была граница? - PullRequest
Новая
       36

Как сделать так, чтобы у круга Google Line Chart была граница?

0 голосов
/ 15 октября 2018

Интересно, можно ли было сделать так, чтобы круг, появившийся когда-то зависший над линейным графиком Google, имел цветную рамку?

1 Ответ

0 голосов
/ 15 октября 2018

Вы можете использовать роль столбца стиля, чтобы изменить стиль точки.

point {stroke-width: 2; stroke-color: red;}

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

google.charts.load('current', {
  packages: ['corechart']
}).then(function () {
  var data = new google.visualization.DataTable();
  data.addColumn('number', 'x');
  data.addColumn('number', 'y');
  data.addColumn({role: 'style', type: 'string'});
  data.addRows([
    [0, 1, 'point {stroke-width: 2; stroke-color: red;}'],
    [1, 2, 'point {stroke-width: 2; stroke-color: red;}'],
    [2, 3, 'point {stroke-width: 2; stroke-color: red;}'],
    [3, 4, 'point {stroke-width: 2; stroke-color: red;}'],
    [4, 5, 'point {stroke-width: 2; stroke-color: red;}'],
  ]);

  var options = {
    legend: 'none'
  };

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