ユーザ用ツール

サイト用ツール


prog_cgi:グラフ_チャート_の描画

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン
前のリビジョン
最新のリビジョン両方とも次のリビジョン
prog_cgi:グラフ_チャート_の描画 [2019/03/05 23:19] hirohitoprog_cgi:グラフ_チャート_の描画 [2019/03/18 11:03] – [解説] hirohito
行 64: 行 64:
 2つめは殆どのブラウザでグラフのみをSVG型式のファイルとして保存することが容易であることです。保存したグラフ画像は、Microsoft Word, PowerPoint 等に貼り付けて使うことができます。 2つめは殆どのブラウザでグラフのみをSVG型式のファイルとして保存することが容易であることです。保存したグラフ画像は、Microsoft Word, PowerPoint 等に貼り付けて使うことができます。
  
-古いブラウザの場合、imgタグがSVG型式をサポートしていないかもしれません。その場合は、objectタグを使って代用できます。+imgタグを使う場合、ブラウザの右クリックで保存する時に使われるデフォルトのファイル名が指定できます(サポートしていないブラウザもあります) 
 + 
 +  Alone.add_http_header("Content-Disposition: attachment; filename=graph1.svg"
 + 
 + 
 +古いブラウザの場合、imgタグがSVG型式をサポートしていないかもしれません。その場合は、ファイル名はつけられませんが objectタグを使って代用できます。
  
   <object width="320" height="240" type="image/svg+xml" data="<%=h Alone.make_uri(action:'graph_sample') %>"></object>   <object width="320" height="240" type="image/svg+xml" data="<%=h Alone.make_uri(action:'graph_sample') %>"></object>
行 116: 行 121:
  
 {{:prog_cgi:graph_line2.png?nolink|}} {{:prog_cgi:graph_line2.png?nolink|}}
 +
 +
 +==== 解説 ====
 +
 +この例では、ブラウザは一回のアクセスで終了します。\\
 +action_index()内で、@graph_svg 変数へグラフデータを代入します。index.rhtmlテンプレートでは、そのSVGデータを含めて出力します。
 +
 +この方法は、一度のアクセスで転送が終わるため、プログラムが単純になるというメリットがあります。
  
  
  
prog_cgi/グラフ_チャート_の描画.txt · 最終更新: 2019/03/18 11:04 by hirohito