开发者

Google Charts API Smooth Line Chart

开发者 https://www.devze.com 2023-02-08 15:05 出处:网络
Does anyone know how to create a line chart with a smooth line instea开发者_开发问答d of a jagged line?

Does anyone know how to create a line chart with a smooth line instea开发者_开发问答d of a jagged line?

I think my chart would present much better to end users with a smooth line.

Here's an example 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


I simply used

var options = {smoothLine: true,}

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

Disclaimer: if you have very sharp corners the rounding/smoothing can be misleading (for ex. if your curve goes quickly to f(x) = 0 it can become negative to fit the corner.


From Google Chart API docs:

You can smooth the lines by setting the curveType option to function

In code:

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


If you are using a line graph, you can always use curveType: 'function' in your series options and that will make the "series" smooth.

0

精彩评论

暂无评论...
验证码 换一张
取 消

关注公众号