1

我正在尝试将工具提示添加到我的流程图区域和线图，以显示该 Y 轴上所有结果的结果，此外，它还将显示最近 Y 轴的工具提示，鼠标不需要完全在点上。例如看看morris.js。最后，我希望能够在同一页面示例上触发多个图表

这是我的情节（）的一个例子

$.plot($("#placeholder"), data, {
                series: {
                    stack: true,
                    lines: { show: lines, fill: true, steps: steps },
                    bars: { show: bars, barWidth: 0.6 }
                }, yaxis: { min: 0}, xaxis: {mode: "time", timeformat: "%H:%M"},
                legend : { show: true, container : '#placeholder', noColumns: 9, margin: ['500px', 35]}
            });

先感谢您。

4

1 回答 1

2

你在这里问了3个问题：

问题一：

我正在尝试将工具提示添加到我的 flotcharts 区域和折线图，以显示该 Y 轴上所有结果的结果

问题2：

此外，它将显示最近 Y 轴的工具提示，鼠标不需要完全在该点上方。例如看看 morris.js。

问题 3：

最后，我希望能够在同一页面示例上触发多个图表

我将回答问题 2，因为一旦您回答了问题 2，其他问题就很容易弄清楚。

基本上，获得最近点所需要做的就是获取鼠标位置并使用 flot 的pointOffset函数将其与所有数据点的位置进行比较（参见https://github.com/flot/flot/blob/master/API. md#plot 方法）。如果鼠标和点之间的距离最短，请在工具提示中使用它。这是一个例子：http: //jsfiddle.net/RUKvk/54/

问题 1：您需要稍微修改我的函数来存储一个点列表，而不是一个点。如果距离在一定范围内，则将其添加到列表中。

问题 3：通过在另一个图上调用此函数应该很容易完成多个图。你必须稍微修改一下函数才能让它工作，但原理是一样的。

于 2013-07-08T20:31:20.600 回答