我们使用Reporting Services报告和ReportViewer控件在网页上呈现条形图.有时图表上的文字很清晰：
但大多数情况下,图表上的文字模糊不清：
到底是怎么回事？
采取的措施解决和其他信息
>广泛搜索网络和SO
>尝试了不同的浏览器,用户和机器;无法确定韵律或模糊的原因
>尝试了SSRS报告属性DynamicHeight和DynamicWidth的几个设置
>在Firefox中,右键单击图表图像并选择“查看图像”时,显示的图像始终清晰
>在有边界的图表上,这个问题似乎更为突出;删除图表上的边框,但问题仍然存在
影响浏览器
> Firefox 15.0
> Chrome 23.0.1271.97米
> IE 9但仅在浏览器模式下= IE9,文档模式= IE9标准
环境
> Visual Studio 2010专业版
> .NET 4.0
> IIS 7.0
> Reporting Services 2008
> ReportViewer控件版本10
解决方法
ReportViewer控件将图表呈现为PNG图像. ReportViewer将宽度,高度和最小宽度属性添加到图像的CSS中.这些CSS属性会导致图像在浏览器中缩小到稍小的尺寸.图像缩放导致观察到的模糊.
解析度
通过使用额外的CSS来覆盖ReportViewer呈现的多个CSS属性,我们的环境中解决了该问题. Reporting Services图表在BIDS中被赋予一个特殊标记,因此CSS选择器可以找到受影响的图像.
步骤1.为图表提供其ToolTip属性的唯一值：
(此示例中的唯一值是MyOfficeChart.)
当图表呈现为< img>时,< img> tag的alt和title属性设置为此值.
第2步.创建CSS以选择< img>通过title属性的唯一值,并覆盖导致问题的CSS：
img[title$='MyOfficeChart']
{
height:auto !important;
width:auto !important;
min-width:0 !important;
}
