Google Charts API平滑折线图

fis*_*one 7 linechart google-visualization

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

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

这是一个示例网址:

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

Mas*_*ran 7

我只是用了

var options = {smoothLine: true,}

  var chart = new google.visualization.LineChart(document.getElementById('some_id'));
  chart.draw(data, options);
Run Code Online (Sandbox Code Playgroud)

免责声明:如果您有非常尖锐的角落,圆角/平滑可能会产生误导(例如,如果您的曲线快速变为f(x)= 0,则可能会变成负角以适应角落.

  • 谷歌在"新核心图表"(2010年5月18日发布)中对此进行了更改.smoothLine:true是旧选项; 新的等价物是curveType:'function'.见:http://archive.is/uXGhh#selection-8133.0-8203.77 (3认同)

Pri*_*nce 6

来自Google Chart API文档:

您可以通过设置平滑的线条curveType选项功能

在代码中:

var options = {
      title: 'Company Performance',
      curveType: 'function',
      legend: { position: 'bottom' }
    };
Run Code Online (Sandbox Code Playgroud)