google-visualization - Google Charts API 滑らかな折れ線グラフ

Question

ギザギザの線ではなく滑らかな線で折れ線グラフを作成する方法を知っている人はいますか?

私のチャートは、滑らかな線でエンドユーザーにはるかによく表示されると思います.

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

Answer 1

Google Chart API ドキュメントから:

CurveTypeオプションをfunctionに設定することで、線を滑らかにすることができます。

コード内:

var options = {
      title: 'Company Performance',
      curveType: 'function',
      legend: { position: 'bottom' }
    };

Answer 2

私は単に使用しました

var options = {smoothLine: true,}

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

免責事項：非常に鋭い角がある場合、丸め/平滑化は誤解を招く可能性があります（たとえば、曲線がすぐに f(x) = 0 になる場合、角に合わせて負になる可能性があります.

Answer 3

折れ線グラフを使用している場合curveType: 'function'は、シリーズ オプションでいつでも使用できます。これにより、「シリーズ」がスムーズになります。