ユーザ用ツール

サイト用ツール


algraph:折れ線グラフ

差分

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

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
algraph:折れ線グラフ [2019/04/07 18:48] – [ラベル類の付与] hirohitoalgraph:折れ線グラフ [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