Question

我正在尝试在Google Charts中创建一个区域图表，但我希望这些线条是弯曲的而不是尖锐的。选项curveType：function似乎仅适用于折线图。有人先解决了这个问题吗？

Answer 1

我认为使用间隔的参考可能是在谈论以下内容。我在这里提供 JSON 版本的选项和数据。重要的位是选项“curveType”和“intervals”（它们将设置曲线下方区域的颜色并指定区间应该是一个区域），以及数据中定义底部和顶部的两个附加列的间隔。设置区间的底部等于图底部的值（在我的例子中为 0），区间的顶部等于数据点。

 "options" :   {
      "vAxis" : { "title" : "No. of Results", "titleTextStyle" : { "italic" : false} },
      "series": [{"color" : "#9a5324"}],
      "curveType" : "function",
      "intervals" : { "style" : "area", "color" : "#D49464" },
      "legend" : { "position" : "none" },
      "height" : 320,
      "width" : 355
   }

"data" : [
   [ "Month", "NumResults", { "role" : "annotation" }, { "id" : "iBottom", "type" : "number", "role" : "interval" }, { "id" : "iTop", "type" : "number", "role": "interval" } ],
   [ "Sep-2013",1000, "1000",0,1000 ],
   [ "Oct-2013",1550, "1550",0,1550 ],
   [ "Nov-2013",900,"900", 0,900 ],
   [ "Dec-2013",400,"400",0,400 ]]

Answer 2

该主题上有一个issue from 2015。第一条评论指出：

直到那时，如果您想尝试一下，事实证明您可以制作一个使用“间隔”角色结合多个间隔来平滑AreaChart 与区域和线条样式。您只需要添加一个额外的系列间隔可以与正确的域值相关联。见有关https://developers.google.com/chart/interactive/docs/gallery/intervals#area-intervals
的时间间隔的详细信息

Answer 3

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

来源https://developers.google.com/chart/interactive/docs/gallery/linechart#curving-the-lines

看看https://developers.google.com/chart/interactive/docs/gallery/linechart

上的示例

Google图表 - 具有曲线（平滑）线的区域图表

3 个答案: