谷歌图表-曲线(平滑)区域图表

Question

我正试图在谷歌图表中创建一个面积图，但我希望线条是弯曲的，而不是尖锐的。选项curveType:函数似乎只适用于折线图。之前有人破解过这个吗？

Answer 1

我认为使用间隔的引用可能是在谈论以下内容。我在这里给出了选项和数据的JSON版本。重要的比特是选项"0"；curveType"；以及"；"间隔"；（它将设置曲线下区域的颜色，并指定间隔应该是一个区域），以及数据中定义间隔底部和顶部的两列。将间隔的底部设置为等于图形底部的值（在我的情况下为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

2015年有一个关于这个主题的问题。第一条评论指出：

在那之前，如果你想努力，事实证明你可以使用"间隔"角色平滑AreaChart，组合多个间隔具有区域和线条的样式。你必须添加一个额外的系列间隔可以与正确的域值相关联。请参阅有关间隔的详细信息https://developers.google.com/chart/interactive/docs/gallery/intervals#area-间隔