Question

我正在使用谷歌区域图表。默认情况下，它在节点的工具提示中显示信息。但我需要在鼠标悬停时在线性区域的任何位置显示数据。任何人都可以帮助我。提前谢谢。

Answer 1

您可以手动计算其他点数并将其提供给图表。

Answer 2

API仅提供显示DataTable中指定的点的工具提示的功能。如果您希望能够在一行上的任何点生成工具提示，则必须在数据点之间手动插值。无法在两点之间插入所有值（毕竟，任意长度的线上都有无数个点），因此您必须选择一些增量并计算值对于沿该增量的点数。这是一个例子：

// manually interpolate values between adjacent data points
// set the unit increment for x values to interpolate
// smaller increment values will give more fine-grained resolution to the interpolated values
// larger incremenet values will give better performance in some browsers (particularly IE8)
var increment = 0.1, dx, dy, p1, p2;
for (var i = 1, cnt = data.getNumberOfRows(); i < cnt; i++) {
    p1 = {x: data.getValue(i - 1, 0), y: data.getValue(i - 1, 1)};
    p2 = {x: data.getValue(i, 0), y: data.getValue(i, 1)};
    dx = p2.x - p1.x;
    dy = p2.y - p1.y;
    for (var j = increment; j < dx; j += increment) {
        data.addRow([p1.x + j, p1.y + j * dy / dx]);
    }
}
// sort the data so the chart will draw correctly
data.sort(0);

请参阅此处的工作示例：http://jsfiddle.net/asgallant/Q42nu/

Google Area Chart：需要在工具提示中显示数据

2 个答案: