Google Charts API 平滑折线图

发布于 2024-10-15 15:13:21 字数 525 浏览 6 评论 0原文

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

我认为我的图表会通过平滑的线条更好地呈现给最终用户。

下面是一个示例网址:

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

Does anyone know how to create a line chart with a smooth line instead 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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

千鲤 2024-10-22 15:13:21

来自 Google Chart API 文档

您可以通过将curveType选项设置为function来平滑线条

在代码中:

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

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' }
    };
戏舞 2024-10-22 15:13:21

我只是使用

var options = {smoothLine: true,}

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

免责声明:如果您有非常尖锐的角,则舍入/平滑可能会产生误导(例如,如果您的曲线快速达到 f(x) = 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.

甚是思念 2024-10-22 15:13:21

如果您使用折线图,则始终可以在系列选项中使用 curveType: 'function' ,这将使“系列”平滑。

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

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文