Google Charts API平滑折线图

Question

有谁知道如何使用平滑线而不是锯齿线来创建折线图？

我认为我的图表对于具有流畅线条的最终用户来说会更好。

以下是一个示例网址：

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

我只是用

var options = {smoothLine: true,}

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

免责声明：如果您有非常尖锐的角落，圆角/平滑可能会产生误导（例如，如果您的曲线快速变为f（x）= 0，它可能会变成负角以适应角落。

Answer 2

来自Google Chart API docs：

  

您可以通过将 curveType 选项设置为 功能

来平滑线条

在代码中：

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

Answer 3

如果您使用折线图，则可以在系列选项中始终使用 curveType: 'function' ，这样可以使“系列”顺畅。