Google Charts API Smooth Line Chart - PullRequest
       6

Google Charts API Smooth Line Chart

7 голосов
/ 03 февраля 2011

Кто-нибудь знает, как создать линейную диаграмму с гладкой линией вместо неровной линии?

Я думаю, что моя диаграмма была бы намного лучше для конечных пользователей с плавной линией.

Вот пример URL:

http://chart.apis.google.com/chart?chxr=0,0,46&chxt=y&chs=300x225&cht=lc&chco=3D7930&chd=s:MNPRSYVUSSMNQRVfXXSPPM&chg=14.3,-1,1,1&chls=2,4,0&chm=B,C5D4B5BB,0,0,0

Ответы [ 3 ]

7 голосов
/ 05 декабря 2012

Я просто использовал

var options = {smoothLine: true,}

  var chart = new google.visualization.LineChart(document.getElementById('some_id'));
  chart.draw(data, options);

Отказ от ответственности: если у вас очень острые углы, округление / сглаживание может вводить в заблуждение (например, если ваша кривая быстро переходит к f (x) = 0, она может стать отрицательной)чтобы соответствовать углу.

5 голосов
/ 08 мая 2015

С Документы Google Chart API :

Вы можете сгладить линии, установив параметр curveType на функцию

В коде:

var options = {
      title: 'Company Performance',
      curveType: 'function',
      legend: { position: 'bottom' }
    };
1 голос
/ 05 февраля 2014

Если вы используете линейный график, вы всегда можете использовать curveType: 'function' в опциях серии, и это сделает "серию" гладкой.

...