Question

我正在使用散点图来显示具有以下范围的数据：x = [-1..1] y = [-1..1]。是否可以在例如水平线上画一条水平线。 y = 0.5？我正在使用JavaScript图表（即不是图像图表）。

Answer 1

我们在工作中遇到了同样的问题。不幸的是，目前谷歌图表并没有提供一种简单的方法来在散点图中显示一条线，就像条形图一样。

最后，我们找到了一个适合我们的“小技巧”，你可以在这里看到： http://csgid.org/csgid/statistics/structures

技巧包括创建“折线图”，但在点序列中将线宽属性设置为0并将 pointsize 设置为5，并且线宽 1和在线的系列中指向 0。它看起来像：

interpolateNulls: true,
        series: {
          0: { lineWidth: 0, pointSize: 5 },
          1: { lineWidth: 0, pointSize: 5 },
          2: { lineWidth: 0, pointSize: 5 },
          3: { lineWidth: 0, pointSize: 5 },   
          4: { lineWidth: 1, pointSize: 0 }
        }

为什么我将 interpolateNulls 设置为true？因为那时，我必须改变我在数组中设置数据的方式，然后再将其转换为JSON并将其传递给Google Charts。在每一行中，我必须为Y轴的每个值设置X轴上每个系列的值。因此，当一个系列没有该X值的Y值时，我必须将X值设置为空（我的意思是，当一个系列没有该X值的任何点时）。所以，同样的线路系列。这将是第一个系列的一个点（JSON中）：

[2.6,0.184,null,null,null,null]

这一线系列的一个“点”（最后一个系列）：

[4,null,null,null,null,0.254]

也许这不是最有效的方式，但它有效：）

我希望我已经解释清楚，如果你有更多问题，请告诉我。

Google散点图中的水平线

1 个答案: