8

我有一个谷歌折线图,我设置'curveType': 'function'了这个图表是弯曲的并且有一个漂亮的外观。我的问题是,当一个数据点的值为 0,然后是一个较高的值时,图表会下降到 0 以下,以便曲线可以正确拟合。这也导致 vAxis 的 minRange 为 -2000,这对于我的数据(随时间的下载次数)来说是不可能的。

我试图通过设置 'minValue': 0'viewWindowMode': 'maximized'来解决这个问题,但它并没有完全解决问题。

我附上了一张图片,它可以比我用文字更好地解释我的问题。

如果有人知道这个问题的解决方案,而我不必回到直线,将不胜感激。谢谢

4

3 回答 3

15

无论您做什么,曲线都可能继续下降到 0 以下,但您可以裁剪视图,使显示图形的最低点为 0。您可以使用 vAxis.viewWindow.min 属性来做到这一点:

lineChart.draw(data, 
   {
    curveType: "function",
    vAxis: {viewWindow: {min:0} } 
   }
);

有关 vAxis.viewWindow.min 和其他配置选项的信息,请参阅LineChart 文档

于 2013-11-01T17:29:29.543 回答
2

只是对此的快速更新。我意识到我的数据工作无论如何都不适合曲线图,因为它是离散数据而不是连续数据。我不得不切换回直线,这消除了我的问题。我知道,这不是一个理想的解决方案,但它对我有用。

于 2012-12-10T10:15:24.707 回答
0

您可以尝试另一个图表库。我经常将 flot 用于简单的图形,将 raphael 图形用于更复杂的事物(操作起来有点困难,而且对我来说看起来有点笨拙)

gRaphael:http ://g.raphaeljs.com/ Flot:http ://www.flotcharts.org/

于 2012-10-31T14:57:06.930 回答