浮动图表条有模糊的边缘

问题描述:

我正在使用浮动图表来显示线条和条形图。一位同事抱怨说,酒吧会看起来模糊。我注意到,如果截图条形图和下F.E. investiagate它的海军报图表示例页面浮动图表条有模糊的边缘

在同一400%的缩放,你会注意到模糊。我会理解一个折线图应该使用抗锯齿(至少当它不是在步进模式!!!),但为什么应该绘制一个矩形条边缘模糊。有什么办法可以防止这种情况发生?

我试过了lineWidth和shadowSize选项,两者都没有影响。

我不认识MS Excel条形图中的这种行为(f.e.)。

这不是一个特定于flot的问题。放大时,在HTML上绘制的所有内容都会变得模糊。请参阅f.e. Canvas tutorial on MDN

+0

可能是这个问题的根源在于画布本身。我发现了一些建议,比如“不要在CSS中设置画布高度/宽度,而只是按属性设置”和“在两个方向上将画布平移0.5”。高度和宽度似乎是由flot中的属性设置的。如果翻译解决了这个问题,我会问为什么Flot首先不这样做。没有人会介意所有的矩形都是模糊的吗?顺便说一下,通过缩放,我的意思是不缩放画布,而是在图形编辑器中放大截图。这只是为了清楚地看到最初的模糊。 – NicolasR