10

問題

Reporting Services レポートと ReportViewer コントロールを使用して、Web ページに棒グラフを表示しています。チャート上のテキストが鮮明な場合があります。

シャープなテキストを含むグラフ

しかし、ほとんどの場合、グラフのテキストはぼやけています。

テキストがぼやけたグラフ

何が起こっている？

解決までの手順とその他の情報

  • WebとSOの広範な検索
  • さまざまなブラウザー、ユーザー、マシンを試しました。リズムやぼやけの理由を判断できませんでした
  • SSRSレポートのプロパティのいくつかの設定を試しDynamicHeight、DynamicWidth
  • Firefox で、チャート画像を右クリックして[画像を表示]を選択すると、表示される画像は常にシャープになります。
  • この問題は、境界線のあるチャートでより顕著に見えます。グラフの境界線を削除しましたが、問題は残っています

ブラウザへの影響

  • Firefox 15.0
  • クロム 23.0.1271.97 m
  • IE 9、ただしブラウザ モード = IE9、ドキュメント モード = IE9 の場合のみ 標準

環境

  • ビジュアル スタジオ 2010 プロ
  • .NET 4.0
  • IIS7.0
  • レポート サービス 2008
  • ReportViewer コントロール バージョン 10
4

3 に答える 3

14

原因

ReportViewer コントロールは、チャートを PNG 画像としてレンダリングします。ReportViewer は、、、およびプロパティを画像の CSS に追加widthしheightますmin-width。これらの CSS プロパティにより、画像はブラウザーでわずかに小さいサイズにスケーリングされます。画像のスケーリングにより、観測されたぼやけが発生します。

解像度

私たちの環境では、追加の CSS を使用して、ReportViewer によってレンダリングされるいくつかの CSS プロパティをオーバーライドすることで、この問題を解決しています。Reporting Services チャートには BIDS で特別なタグが付けられているため、CSS セレクターは影響を受ける画像を見つけることができます。

ステップ 1. チャートのToolTipプロパティに一意の値を与えます。

BIDS の ToolTip プロパティの一意の値

(この例の一意の値はMyOfficeChartです。)

チャートが としてレンダリングされる<img>と、<img>タグのaltおよびtitle属性がこの値に設定されます。

ステップ 2.属性<img>の一意の値で選択する CSS を作成しtitle、問題の原因となっている CSS をオーバーライドします。

img[title$='MyOfficeChart']
{
    height:auto !important;
    width:auto !important;
    min-width:0 !important;
}

これらの手順により、すべてのブラウザーとユーザーの問題が解決され、グラフに境界線があるかどうかに関係なく解決されます。

于 2012-12-14T23:15:40.217 に答える
-1

これは適切な解決策ではありませんが、役立つ可能性があります。手順は次のとおりです。

  1. レポート ビルダーでレポート rdl を開く
  2. ぼやけたグラフのテキストを選択します
  3. [フォント スタイル] (トップ メニュー) に「C」と入力し、Enter キーを押します。
  4. フォントスタイル変更あり不明
  5. 実行して違いを確認してください
于 2015-06-22T17:41:09.930 に答える