在 Retina 显示屏上使用 Flot 创建高分辨率图表

Question

我想在我的 Web 应用程序中显示一些简单的图表，但在配备 Retina 显示屏的 Apple 设备上使用 Flot 看起来很模糊。

我使用“正常”视口设置：

以及 Flot 的此容器绘制：

这就是我得到的：

显然，Flot 默认情况下不使用 window.devicePixelRatio，所以我想帮忙一些自定义代码：

var newWidth = $(chart.getCanvas()).attr("width") * window.devicePixelRatio;
var newHeight = $(chart.getCanvas()).attr("height") * window.devicePixelRatio;
$(chart.getCanvas()).attr("width", newWidth);
$(chart.getCanvas()).attr("height", newHeight);
chart.setupGrid();
chart.draw();

这实际上改变了画布的尺寸，并且即使在绘制之后它们仍然保持这种状态。在 iPhone 4S 上，它告诉我画布尺寸现在为 600 * 800（绘制后），但看起来仍然不清晰。