ユーザ用ツール

サイト用ツール


algraph:折れ線グラフ

差分

この文書の現在のバージョンと選択したバージョンの差分を表示します。

この比較画面にリンクする

両方とも前のリビジョン 前のリビジョン
algraph:折れ線グラフ [2019/04/07 18:48]
hirohito [ラベル類の付与]
algraph:折れ線グラフ [2019/04/07 18:50] (現在)
hirohito
ライン 61: ライン 61:
 ===== X軸ラベルの指定 ===== ===== X軸ラベルの指定 =====
  
-{{:​algraph:​line_sample_02.png?​nolink|}}+{{:​algraph:​line_sample_02.png?​nolink |}}
  
 <code ruby> <code ruby>
ライン 110: ライン 110:
 ===== グリッド線のコントロール ===== ===== グリッド線のコントロール =====
  
-{{:​algraph:​line_sample_04.png?​nolink|}}+{{:​algraph:​line_sample_04.png?​nolink |}} 
 + 
 +<code ruby> 
 +  def action_line_sample_04 
 +    ydata1 = [5, 3, 6, 3, 2, 5, 6] 
 +    ydata2 = [0, 1, 4, 10, 9, 13, 13] 
 + 
 +    graph = AlGraph.new 
 + 
 +    graph.add_data_line(ydata1) 
 +    graph.add_data_line(ydata2) 
 + 
 +    graph.x_axis.clear_labels 
 +    graph.x_axis.add_grid 
 +    graph.x_axis.at_interval_marks[:​stroke] = '#​ff0fc0'​ 
 +    graph.x_axis.at_interval_marks[:​stroke_width] = 3 
 +    graph.x_axis.at_interval_marks[:​stroke_dasharray] = "​6,​3"​ 
 + 
 +    graph.y_axis.clear_grid 
 +    graph.y_axis.at_interval_marks[:​length] = -5 
 +    graph.y_axis.clear_scale_line 
 + 
 +    graph.draw 
 +  end 
 +</​code>​ 
  
 ===== 第2Y軸の追加 ===== ===== 第2Y軸の追加 =====
  
-{{:​algraph:​line_sample_05.png?​nolink|}}+{{:​algraph:​line_sample_05.png?​nolink |}} 
 + 
 +<code ruby> 
 +  def action_line_sample_05 
 +    ydata1 = [5, 3, 6, 3, 2, 5, 6] 
 +    ydata2 = [22.5, 24.8, 26.1, 25.3, 24, 23.5, 20.6] 
 + 
 +    graph = AlGraph.new 
 + 
 +    graph.add_data_line(ydata1,​ "on Y1") 
 +    graph.add_data_line_y2(ydata2,​ "on Y2") 
 +    graph.y_axis.clear_grid 
 + 
 +    graph.draw 
 +  end 
 +</​code>​ 
  
 ===== スケール(軸)を指定(最大、最小、インターバル、上下反転) ===== ===== スケール(軸)を指定(最大、最小、インターバル、上下反転) =====
  
-{{:​algraph:​line_sample_06.png?​nolink|}}+{{:​algraph:​line_sample_06.png?​nolink |}} 
 + 
 +<code ruby> 
 +  def action_line_sample_06 
 +    ydata1 = [5, 3, 6, 3, 2, 5, 6] 
 +    ydata2 = [0, 1, 4, 10, 9, 13, 13] 
 + 
 +    graph = AlGraph.new 
 + 
 +    graph.add_data_line(ydata1) 
 +    graph.add_data_line(ydata2) 
 + 
 +    graph.y_axis.max = 20 
 +    graph.y_axis.min = -5 
 +    graph.y_axis.interval = 5 
 +    graph.y_axis.reverse 
 + 
 +    graph.draw 
 +  end 
 +</​code>​ 
  
 ===== プロット線とマーカーを指定 ===== ===== プロット線とマーカーを指定 =====
  
-{{:​algraph:​line_sample_07.png?​nolink|}}+{{:​algraph:​line_sample_07.png?​nolink |}} 
 + 
 +<code ruby> 
 +  def action_line_sample_07 
 +    ydata1 = [5, 3, 6, 3, 2, 5, 6] 
 +    ydata2 = [0, 1, 4, 10, 9, 13, 13] 
 + 
 +    graph = AlGraph.new 
 + 
 +    line1 = graph.add_data_line(ydata1,​ '​MarkerOnly'​) 
 +    line1.color = '​yellow'​ 
 +    line1.at_marker[:​shape] = '​triangle'​ 
 +    line1.clear_line 
 + 
 +    line2 = graph.add_data_line(ydata2,​ '​LineOnly'​) 
 +    line2.clear_marker 
 + 
 +    graph.draw 
 +  end 
 +</​code>​
  
  
algraph/折れ線グラフ.txt · 最終更新: 2019/04/07 18:50 by hirohito