glimmer-libui-cc-graphs_and_charts 0.1.7 → 0.2.0

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: c2a02d818ffec27e5d64eafa181c90e1362b62ea8f201018fe92705b0d95a664
-  data.tar.gz: 6de4a548a1c74d91cc389663d9917311bd66523402ba984ac05a250d8cff5baa
+  metadata.gz: acbf90f4dea0bb8e51f88a168609f66ba4213edc6a5c2d914fac53b56d8f0a16
+  data.tar.gz: 9c8683f23025fd089c727b8588f0abcd0a67c0a0b7823b72c8b50cfb214e47e6
 SHA512:
-  metadata.gz: 738a36dedf90e91774876d7cc41f545edb00ac03d65cd6bf89eaf30eac5374b4abfa591d007d971476a02dd854ca14a262a7fcda34fdc24ac531b17509ee0dcf
-  data.tar.gz: 2039bf32f7d8fb7930c24fda0eba1def6c30db968d452cb219a7ceab604bfed450b87b8d68ae061d75017ea59f6161d46b9fbebd8ab5581727116ebfd32fec82
+  metadata.gz: 62efa378b3b353e714f5d46a31f2d6c10e7ee6100d20e8d7e3f804a5b256e580d32a650c193453ee5db9b9d297abd04c322669e75f8c6ffc68093a3896991c87
+  data.tar.gz: f684d8493aeea2180ce75bf5d99cb6a21c40a31475e818ec9ae1282426a56c1f3d3f2edb515ba80b79aa03021509680a25f9c51d4b73100384cf5829a35e767c

data/CHANGELOG.md

@@ -1,5 +1,14 @@
 # Change Log
 
+## 0.2.0
+
+- Initial implementation of `bar_chart` custom control
+- New `examples/graphs_and_charts/basic_bar_chart.rb`
+
+## 0.1.8
+
+- Fix the display of grid marker lines when passing `values` with non-Integer y-axis values (especially max y-axis value being non-Integer). It now shows highest grid marker having a non-Integer value while keeping smaller values as Integer (e.g. 1, 2, 3, 3.75).
+
 ## 0.1.7
 
 - Scale `y` axis when using `values` option to fill up the vertical graph height if all y-axis values are smaller than `1`

data/README.md

@@ -1,10 +1,12 @@
-# Graphs and Charts 0.1.7 (Alpha)
+# Graphs and Charts 0.2.0 (Alpha)
 ## [Glimmer DSL for LibUI](https://github.com/AndyObtiva/glimmer-dsl-libui) Custom Controls
 [![Gem Version](https://badge.fury.io/rb/glimmer-libui-cc-graphs_and_charts.svg)](http://badge.fury.io/rb/glimmer-libui-cc-graphs_and_charts)
 [![Join the chat at https://gitter.im/AndyObtiva/glimmer](https://badges.gitter.im/AndyObtiva/glimmer.svg)](https://gitter.im/AndyObtiva/glimmer?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge)
 
 Graphs and Charts (Custom Controls) for [Glimmer DSL for LibUI](https://github.com/AndyObtiva/glimmer-dsl-libui)
 
+![bar chart](/screenshots/glimmer-libui-cc-graphs_and_charts-mac-basic-bar-chart.png)
+
 ![line graph](/screenshots/glimmer-libui-cc-graphs_and_charts-mac-basic-line-graph-relative.png)
 
 ## Setup
@@ -12,7 +14,7 @@ Graphs and Charts (Custom Controls) for [Glimmer DSL for LibUI](https://github.c
 Add this line to Bundler `Gemfile`:
 
 ```ruby
-gem 'glimmer-libui-cc-graphs_and_charts', '~> 0.1.7'
+gem 'glimmer-libui-cc-graphs_and_charts', '~> 0.2.0'
 ```
 
 Run:
@@ -31,6 +33,89 @@ However, if you prefer to load all graphs and charts, add this line to your Ruby
 require 'glimmer-libui-cc-graphs_and_charts'
 ```
 
+### Bar Chart
+
+To load the `bar_chart` custom control, add this line to your Ruby file:
+
+```ruby
+require 'glimmer/view/bar_chart'
+```
+
+This makes the `bar_chart` [Glimmer DSL for LibUI Custom Control](https://github.com/AndyObtiva/glimmer-dsl-libui#custom-components) available in the Glimmer GUI DSL.
+You can then nest `bar_chart` under `window` or some container like `vertical_box`. By the way, `bar_chart` is implemented on top of the [`area` Glimmer DSL for LibUI control](https://github.com/AndyObtiva/glimmer-dsl-libui#area-api).
+
+`values` are a `Hash` map of `String` x-axis values to `Numeric` y-axis values.
+
+```ruby
+bar_chart(
+  width: 900,
+  height: 300,
+  values: {
+    'Jan' => 30,
+    'Feb' => 49,
+    'Mar' => 58,
+    'Apr' => 63,
+    'May' => 72,
+    'Jun' => 86,
+    'Jul' => 95,
+    'Aug' => 100,
+    'Sep' => 84,
+    'Oct' => 68,
+    'Nov' => 52,
+    'Dec' => 36,
+  }
+)
+```
+
+![basic bar chart](/screenshots/glimmer-libui-cc-graphs_and_charts-mac-basic-bar-chart.png)
+
+Look into [lib/glimmer/view/bar_chart.rb](/lib/glimmer/view/bar_chart.rb) to learn about all supported options.
+
+**Basic Bar Chart Example:**
+
+[examples/graphs_and_charts/basic_bar_chart.rb](/examples/graphs_and_charts/basic_bar_chart.rb)
+
+```ruby
+require 'glimmer-dsl-libui'
+require 'glimmer/view/bar_chart'
+
+class BasicBarChart
+  include Glimmer::LibUI::Application
+  
+  body {
+    window('Basic Bar Chart', 900, 300) { |main_window|
+      @bar_chart = bar_chart(
+        width: 900,
+        height: 300,
+        values: {
+          'Jan' => 30,
+          'Feb' => 49,
+          'Mar' => 58,
+          'Apr' => 63,
+          'May' => 72,
+          'Jun' => 86,
+          'Jul' => 95,
+          'Aug' => 100,
+          'Sep' => 84,
+          'Oct' => 68,
+          'Nov' => 52,
+          'Dec' => 36,
+        }
+      )
+      
+      on_content_size_changed do
+        @bar_chart.width = main_window.content_size[0]
+        @bar_chart.height = main_window.content_size[1]
+      end
+    }
+  }
+end
+
+BasicBarChart.launch
+```
+
+![basic bar chart](/screenshots/glimmer-libui-cc-graphs_and_charts-mac-basic-bar-chart.png)
+
 ### Line Graph
 
 To load the `line_graph` custom control, add this line to your Ruby file:
@@ -51,36 +136,36 @@ Note that you can use in absolute mode or relative mode for determining x-axis v
 It supports any `Numeric` y-axis values in addition to `Time` x-axis values.
 
 ```ruby
-      @line_graph = line_graph(
-        width: 900,
-        height: 300,
-        lines: [
-          {
-            name: 'Stock 1',
-            stroke: [163, 40, 39, thickness: 2],
-            values: {
-              Time.new(2030, 12, 1) => 80,
-              Time.new(2030, 12, 2) => 36,
-              Time.new(2030, 12, 4) => 10,
-              Time.new(2030, 12, 5) => 60,
-              Time.new(2030, 12, 6) => 20,
-            },
-            x_value_format: -> (time) {time.strftime("%a %d %b %Y %T GMT")},
-          },
-          {
-            name: 'Stock 2',
-            stroke: [47, 109, 104, thickness: 2],
-            values: {
-              Time.new(2030, 12, 1) => 62,
-              Time.new(2030, 12, 2) => 0,
-              Time.new(2030, 12, 3) => 90,
-              Time.new(2030, 12, 5) => 0,
-              Time.new(2030, 12, 7) => 17,
-            },
-            x_value_format: -> (time) {time.strftime("%a %d %b %Y %T GMT")},
-          },
-        ],
-      )
+line_graph(
+  width: 900,
+  height: 300,
+  lines: [
+    {
+      name: 'Stock 1',
+      stroke: [163, 40, 39, thickness: 2],
+      values: {
+        Time.new(2030, 12, 1) => 80,
+        Time.new(2030, 12, 2) => 36,
+        Time.new(2030, 12, 4) => 10,
+        Time.new(2030, 12, 5) => 60,
+        Time.new(2030, 12, 6) => 20,
+      },
+      x_value_format: -> (time) {time.strftime("%a %d %b %Y %T GMT")},
+    },
+    {
+      name: 'Stock 2',
+      stroke: [47, 109, 104, thickness: 2],
+      values: {
+        Time.new(2030, 12, 1) => 62,
+        Time.new(2030, 12, 2) => 0,
+        Time.new(2030, 12, 3) => 90,
+        Time.new(2030, 12, 5) => 0,
+        Time.new(2030, 12, 7) => 17,
+      },
+      x_value_format: -> (time) {time.strftime("%a %d %b %Y %T GMT")},
+    },
+  ],
+)
 ```
 
 ![basic line graph](/screenshots/glimmer-libui-cc-graphs_and_charts-mac-basic-line-graph.png)
@@ -183,7 +268,7 @@ BasicLineGraph.launch
 require 'glimmer-dsl-libui'
 require 'glimmer/view/line_graph'
 
-class BasicLineGraph
+class BasicLineGraphRelative
   include Glimmer::LibUI::Application
   
   before_body do
@@ -191,7 +276,7 @@ class BasicLineGraph
   end
   
   body {
-    window('Basic Line Graph', 900, 330) {
+    window('Basic Line Graph Relative', 900, 330) {
       line_graph(
         width: 900,
         height: 300,
@@ -220,7 +305,7 @@ class BasicLineGraph
   }
 end
 
-BasicLineGraph.launch
+BasicLineGraphRelative.launch
 ```
 
 ![basic line graph relative](/screenshots/glimmer-libui-cc-graphs_and_charts-mac-basic-line-graph-relative.png)

data/VERSION

@@ -1 +1 @@
-0.1.7
+0.2.0

data/examples/graphs_and_charts/basic_bar_chart.rb

@@ -0,0 +1,39 @@
+# This line is only needed when running the example from inside the project directory
+$LOAD_PATH.prepend(File.expand_path(File.join(__dir__, '..', '..', 'lib'))) if File.exist?(File.join(__dir__, '..', '..', 'lib'))
+
+require 'glimmer-dsl-libui'
+require 'glimmer/view/bar_chart'
+
+class BasicBarChart
+  include Glimmer::LibUI::Application
+  
+  body {
+    window('Basic Bar Chart', 900, 300) { |main_window|
+      @bar_chart = bar_chart(
+        width: 900,
+        height: 300,
+        values: {
+          'Jan' => 30,
+          'Feb' => 49,
+          'Mar' => 58,
+          'Apr' => 63,
+          'May' => 72,
+          'Jun' => 86,
+          'Jul' => 95,
+          'Aug' => 100,
+          'Sep' => 84,
+          'Oct' => 68,
+          'Nov' => 52,
+          'Dec' => 36,
+        }
+      )
+      
+      on_content_size_changed do
+        @bar_chart.width = main_window.content_size[0]
+        @bar_chart.height = main_window.content_size[1]
+      end
+    }
+  }
+end
+
+BasicBarChart.launch

data/examples/graphs_and_charts/basic_line_graph.rb

@@ -17,11 +17,11 @@ class BasicLineGraph
             name: 'Stock 1',
             stroke: [163, 40, 39, thickness: 2],
             values: {
-              Time.new(2030, 12, 1) => 80,
-              Time.new(2030, 12, 2) => 36,
-              Time.new(2030, 12, 4) => 10,
-              Time.new(2030, 12, 5) => 60,
-              Time.new(2030, 12, 6) => 20,
+              Time.new(2030, 12, 1) => 2,
+              Time.new(2030, 12, 2) => 2.5,
+              Time.new(2030, 12, 4) => 1,
+              Time.new(2030, 12, 5) => 0,
+              Time.new(2030, 12, 6) => 2,
             },
             x_value_format: -> (time) {time.strftime("%a %d %b %Y %T GMT")},
           },
@@ -29,11 +29,11 @@ class BasicLineGraph
             name: 'Stock 2',
             stroke: [47, 109, 104, thickness: 2],
             values: {
-              Time.new(2030, 12, 1) => 62,
+              Time.new(2030, 12, 1) => 2,
               Time.new(2030, 12, 2) => 0,
-              Time.new(2030, 12, 3) => 90,
-              Time.new(2030, 12, 5) => 0,
-              Time.new(2030, 12, 7) => 17,
+              Time.new(2030, 12, 3) => 2.5,
+              Time.new(2030, 12, 5) => 1,
+              Time.new(2030, 12, 7) => 2,
             },
             x_value_format: -> (time) {time.strftime("%a %d %b %Y %T GMT")},
           },

data/examples/graphs_and_charts/basic_line_graph_relative.rb

@@ -4,7 +4,7 @@ $LOAD_PATH.prepend(File.expand_path(File.join(__dir__, '..', '..', 'lib'))) if F
 require 'glimmer-dsl-libui'
 require 'glimmer/view/line_graph'
 
-class BasicLineGraph
+class BasicLineGraphRelative
   include Glimmer::LibUI::Application
   
   before_body do
@@ -12,7 +12,7 @@ class BasicLineGraph
   end
   
   body {
-    window('Basic Line Graph', 900, 330) { |main_window|
+    window('Basic Line Graph Relative', 900, 330) { |main_window|
       @line_graph = line_graph(
         width: 900,
         height: 300,
@@ -46,4 +46,4 @@ class BasicLineGraph
   }
 end
 
-BasicLineGraph.launch
+BasicLineGraphRelative.launch

data/glimmer-libui-cc-graphs_and_charts.gemspec

@@ -2,16 +2,16 @@
 # DO NOT EDIT THIS FILE DIRECTLY
 # Instead, edit Juwelier::Tasks in Rakefile, and run 'rake gemspec'
 # -*- encoding: utf-8 -*-
-# stub: glimmer-libui-cc-graphs_and_charts 0.1.7 ruby lib
+# stub: glimmer-libui-cc-graphs_and_charts 0.2.0 ruby lib
 
 Gem::Specification.new do |s|
   s.name = "glimmer-libui-cc-graphs_and_charts".freeze
-  s.version = "0.1.7".freeze
+  s.version = "0.2.0".freeze
 
   s.required_rubygems_version = Gem::Requirement.new(">= 0".freeze) if s.respond_to? :required_rubygems_version=
   s.require_paths = ["lib".freeze]
   s.authors = ["Andy Maleh".freeze]
-  s.date = "2023-12-23"
+  s.date = "2023-12-29"
   s.description = "Graphs and Charts (Custom Controls) for Glimmer DSL for LibUI, like Line Graph.".freeze
   s.email = "andy.am@gmail.com".freeze
   s.extra_rdoc_files = [
@@ -24,15 +24,17 @@ Gem::Specification.new do |s|
     "LICENSE.txt",
     "README.md",
     "VERSION",
+    "examples/graphs_and_charts/basic_bar_chart.rb",
     "examples/graphs_and_charts/basic_line_graph.rb",
     "examples/graphs_and_charts/basic_line_graph_relative.rb",
     "glimmer-libui-cc-graphs_and_charts.gemspec",
     "lib/glimmer-libui-cc-graphs_and_charts.rb",
+    "lib/glimmer/view/bar_chart.rb",
     "lib/glimmer/view/line_graph.rb"
   ]
   s.homepage = "http://github.com/AndyObtiva/glimmer-libui-cc-graphs_and_charts".freeze
   s.licenses = ["MIT".freeze]
-  s.rubygems_version = "3.5.1".freeze
+  s.rubygems_version = "3.5.3".freeze
   s.summary = "Graphs and Charts - Glimmer DSL for LibUI Custom Controls".freeze
 
   s.specification_version = 4

data/lib/glimmer/view/bar_chart.rb

@@ -0,0 +1,249 @@
+require 'glimmer-dsl-libui'
+
+module Glimmer
+  module View
+    # General-Purpose Bar Chart Custom Control
+    class BarChart
+      class << self
+        def interpret_color(color_object)
+          # TODO refactor move this method to somewhere common like Glimmer module
+          @color_cache ||= {}
+          @color_cache[color_object] ||= Glimmer::LibUI.interpret_color(color_object)
+        end
+      end
+    
+      include Glimmer::LibUI::CustomControl
+      
+      DEFAULT_CHART_PADDING_WIDTH = 5.0
+      DEFAULT_CHART_PADDING_HEIGHT = 5.0
+      DEFAULT_CHART_GRID_MARKER_PADDING_WIDTH = 37.0
+      DEFAULT_CHART_BAR_PADDING_WIDTH_PERCENTAGE = 30.0
+      
+      DEFAULT_CHART_STROKE_GRID = [185, 184, 185]
+      DEFAULT_CHART_STROKE_MARKER = [185, 184, 185]
+      DEFAULT_CHART_STROKE_MARKER_LINE = [217, 217, 217, thickness: 1, dashes: [1, 1]]
+      
+      DEFAULT_CHART_COLOR_BAR = [92, 122, 190]
+      DEFAULT_CHART_COLOR_MARKER_TEXT = [96, 96, 96]
+      
+      DEFAULT_CHART_FONT_MARKER_TEXT = {family: "Arial", size: 14}
+      
+      option :width, default: 600
+      option :height, default: 200
+      
+      option :chart_padding_width, default: DEFAULT_CHART_PADDING_WIDTH
+      option :chart_padding_height, default: DEFAULT_CHART_PADDING_HEIGHT
+      option :chart_grid_marker_padding_width, default: DEFAULT_CHART_GRID_MARKER_PADDING_WIDTH
+      option :chart_bar_padding_width_percentage, default: DEFAULT_CHART_BAR_PADDING_WIDTH_PERCENTAGE
+      
+      option :chart_stroke_grid, default: DEFAULT_CHART_STROKE_GRID
+      option :chart_stroke_marker, default: DEFAULT_CHART_STROKE_MARKER
+      option :chart_stroke_marker_line, default: DEFAULT_CHART_STROKE_MARKER_LINE
+      
+      option :chart_color_bar, default: DEFAULT_CHART_COLOR_BAR
+      option :chart_color_marker_text, default: DEFAULT_CHART_COLOR_MARKER_TEXT
+      
+      option :chart_font_marker_text, default: DEFAULT_CHART_FONT_MARKER_TEXT
+      
+      # Hash map of x-axis values (String) to y-axis values (Numeric)
+      # Example:
+      # {
+      #   '1' => 38,
+      #   '2' => 83,
+      #   '3' => 48,
+      #   '4' => 83,
+      #   '5' => 92,
+      #   '6' => 13,
+      #   '7' => 03,
+      # }
+      option :values, default: {}
+      
+      attr_reader :bar_width_including_padding
+      
+      after_body do
+        observe(self, :values) do
+          clear_drawing_cache
+          body_root.queue_redraw_all
+        end
+        observe(self, :width) do
+          clear_drawing_cache
+        end
+        observe(self, :height) do
+          clear_drawing_cache
+        end
+      end
+  
+      body {
+        area { |chart_area|
+          on_draw do
+            calculate_dynamic_options
+            chart_background
+            grid_lines
+            bars
+          end
+        }
+      }
+      
+      private
+      
+      def clear_drawing_cache
+        @y_resolution = nil
+        @bar_width_including_padding = nil
+        @grid_marker_points = nil
+        @grid_marker_number_values = nil
+        @grid_marker_numbers = nil
+        @chart_stroke_marker_values = nil
+        @mod_values = nil
+      end
+      
+      def calculate_dynamic_options
+        calculate_bar_width_including_padding
+      end
+      
+      def calculate_bar_width_including_padding
+        return if values.empty?
+        
+        @bar_width_including_padding ||= begin
+          value = width_drawable / (values.size - 1).to_f
+          [value, width_drawable].min
+        end
+      end
+      
+      def bar_width
+        @bar_width_including_padding*((100.0 - chart_bar_padding_width_percentage)/100.0)
+      end
+      
+      def bar_padding_width
+        @bar_width_including_padding*(chart_bar_padding_width_percentage/100.0)
+      end
+      
+      def width_drawable
+        width - 2.0*chart_padding_width - chart_grid_marker_padding_width
+      end
+      
+      def height_drawable
+        height - 2.0*chart_padding_height
+      end
+      
+      def chart_background
+        rectangle(0, 0, width, height) {
+          fill 255, 255, 255
+        }
+      end
+  
+      def grid_lines
+        line(chart_padding_width, chart_padding_height, chart_padding_width, height - chart_padding_height) {
+          stroke chart_stroke_grid
+        }
+        line(chart_padding_width, height - chart_padding_height, width - chart_padding_width, height - chart_padding_height) {
+          stroke chart_stroke_grid
+        }
+        grid_marker_number_font = chart_font_marker_text.merge(size: 11)
+        @grid_marker_number_values ||= []
+        @grid_marker_numbers ||= []
+        @chart_stroke_marker_values ||= []
+        @mod_values ||= []
+        grid_marker_points.each_with_index do |marker_point, index|
+          @grid_marker_number_values[index] ||= begin
+            value = (grid_marker_points.size - index).to_i
+            value = y_value_max if !y_value_max.nil? && y_value_max.to_i != y_value_max && index == 0
+            value
+          end
+          grid_marker_number_value = @grid_marker_number_values[index]
+          @grid_marker_numbers[index] ||= (grid_marker_number_value >= 1000) ? "#{grid_marker_number_value / 1000}K" : grid_marker_number_value.to_s
+          grid_marker_number = @grid_marker_numbers[index]
+          @chart_stroke_marker_values[index] ||= BarChart.interpret_color(chart_stroke_marker).tap do |color_hash|
+            color_hash[:thickness] = (index != grid_marker_points.size - 1 ? 2 : 1) if color_hash[:thickness].nil?
+          end
+          chart_stroke_marker_value = @chart_stroke_marker_values[index]
+          @mod_values[index] ||= begin
+            mod_value_multiplier = ((grid_marker_points.size / max_marker_count) + 1)
+            [(5 * mod_value_multiplier), 1].max
+          end
+          mod_value = @mod_values[index]
+          comparison_value = (mod_value > 2) ? 0 : 1
+          if mod_value > 2
+            if grid_marker_number_value % mod_value == comparison_value
+              line(marker_point[:x], marker_point[:y], marker_point[:x] + 4, marker_point[:y]) {
+                stroke chart_stroke_marker_value
+              }
+            end
+          else
+            line(marker_point[:x], marker_point[:y], marker_point[:x] + 4, marker_point[:y]) {
+              stroke chart_stroke_marker_value
+            }
+          end
+          if grid_marker_number_value % mod_value == comparison_value && grid_marker_number_value != grid_marker_points.size
+            line(marker_point[:x], marker_point[:y], marker_point[:x] + width - chart_padding_width, marker_point[:y]) {
+              stroke chart_stroke_marker_line
+            }
+          end
+          if grid_marker_number_value % mod_value == comparison_value || grid_marker_number_value != grid_marker_number_value.to_i
+            grid_marker_number_width = estimate_width_of_text(grid_marker_number, grid_marker_number_font)
+            text(marker_point[:x] + 4 + 3, marker_point[:y] - 6, grid_marker_number_width) {
+              string(grid_marker_number) {
+                font grid_marker_number_font
+                color chart_color_marker_text
+              }
+            }
+          end
+        end
+      end
+      
+      def grid_marker_points
+        if @grid_marker_points.nil?
+          if values.any?
+            chart_y_max = [y_value_max, 1].max
+            current_chart_height = (height - chart_padding_height * 2)
+            y_value_count = chart_y_max.ceil
+            @grid_marker_points = chart_y_max.to_i.times.map do |marker_index|
+              x = chart_padding_width
+              y_value = y_value_count - marker_index
+              scaled_y_value = y_value.to_f * y_resolution.to_f
+              y = height - chart_padding_height - scaled_y_value
+              {x: x, y: y}
+            end
+          end
+        end
+
+        @grid_marker_points
+      end
+      
+      def max_marker_count
+        [(0.15*height).to_i, 1].max
+      end
+      
+      def bars
+        values.each_with_index do |(x_value, y_value), index|
+          x = chart_grid_marker_padding_width + chart_padding_width + (index * bar_width_including_padding) + bar_padding_width
+          bar_height = y_value * y_resolution
+          y = height - chart_padding_height - bar_height
+          rectangle(x, y, bar_width, bar_height) {
+            fill chart_color_bar
+          }
+        end
+      end
+      
+      # this is the multiplier that we must multiply by the relative y value
+      def y_resolution
+        # TODO in the future, we will use the y range, but today, we assume it starts at 0
+        @y_resolution ||= height_drawable.to_f / y_value_max.to_f
+      end
+      
+      def y_value_max
+        if @y_value_max.nil?
+          @y_value_max = values.values.max.to_f
+        end
+        @y_value_max
+      end
+      
+      def estimate_width_of_text(text_string, font_properties)
+        # TODO refactor move this method to somewhere common like Glimmer module
+        font_size = font_properties[:size] || 16
+        estimated_font_width = 0.6 * font_size
+        text_string.chars.size * estimated_font_width
+      end
+      
+    end
+  end
+end

data/lib/glimmer/view/line_graph.rb

@@ -142,7 +142,6 @@ module Glimmer
         @grid_marker_numbers = nil
         @graph_stroke_marker_values = nil
         @mod_values = nil
-        @estimated_widths_of_text = nil
       end
       
       def calculate_dynamic_options
@@ -189,13 +188,10 @@ module Glimmer
         @grid_marker_numbers ||= []
         @graph_stroke_marker_values ||= []
         @mod_values ||= []
-        if lines && lines.all? {|line| line[:values]} && !y_value_max_for_all_lines.nil? && y_value_max_for_all_lines > 1
-          return
-        end
         grid_marker_points.each_with_index do |marker_point, index|
           @grid_marker_number_values[index] ||= begin
             value = (grid_marker_points.size - index).to_i
-            value = y_value_max_for_all_lines if !y_value_max_for_all_lines.nil? && y_value_max_for_all_lines.to_i != y_value_max_for_all_lines && grid_marker_points.size == 1
+            value = y_value_max_for_all_lines if !y_value_max_for_all_lines.nil? && y_value_max_for_all_lines.to_i != y_value_max_for_all_lines && index == 0
             value
           end
           grid_marker_number_value = @grid_marker_number_values[index]
@@ -241,15 +237,31 @@ module Glimmer
       
       def grid_marker_points
         if @grid_marker_points.nil?
-          graph_y_max = [y_value_max_for_all_lines, y_value_max_for_all_lines.between?(0, 1) ? y_value_max_for_all_lines : 1].max
-          current_graph_height = (height - graph_padding_height * 2)
-          division_height = current_graph_height / graph_y_max
-          @grid_marker_points = graph_y_max.ceil.times.map do |marker_index|
-            x = graph_padding_width
-            y = graph_padding_height + marker_index * division_height
-            {x: x, y: y}
+          if lines[0]&.[](:y_values)
+            graph_y_max = [y_value_max_for_all_lines, 1].max
+            current_graph_height = (height - graph_padding_height * 2)
+            division_height = current_graph_height / graph_y_max
+            @grid_marker_points = graph_y_max.to_i.times.map do |marker_index|
+              x = graph_padding_width
+              y = graph_padding_height + marker_index * division_height
+              {x: x, y: y}
+            end
+          else
+            graph_y_max = y_value_max_for_all_lines
+            y_value_count = graph_y_max.ceil
+            @grid_marker_points = y_value_count.times.map do |marker_index|
+              x = graph_padding_width
+              y_value = y_value_count - marker_index
+              if marker_index == 0 && graph_y_max.ceil != graph_y_max.to_i
+                y_value = graph_y_max
+              end
+              scaled_y_value = y_value.to_f * y_resolution.to_f
+              y = height - graph_padding_height - scaled_y_value
+              {x: x, y: y}
+            end
           end
         end
+
         @grid_marker_points
       end
       

data/lib/glimmer-libui-cc-graphs_and_charts.rb

@@ -1,4 +1,5 @@
 $LOAD_PATH.unshift(File.expand_path('..', __FILE__))
 
 require 'glimmer-dsl-libui'
+require 'glimmer/view/bar_chart'
 require 'glimmer/view/line_graph'

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: glimmer-libui-cc-graphs_and_charts
 version: !ruby/object:Gem::Version
-  version: 0.1.7
+  version: 0.2.0
 platform: ruby
 authors:
 - Andy Maleh
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2023-12-23 00:00:00.000000000 Z
+date: 2023-12-29 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: glimmer-dsl-libui
@@ -80,10 +80,12 @@ files:
 - LICENSE.txt
 - README.md
 - VERSION
+- examples/graphs_and_charts/basic_bar_chart.rb
 - examples/graphs_and_charts/basic_line_graph.rb
 - examples/graphs_and_charts/basic_line_graph_relative.rb
 - glimmer-libui-cc-graphs_and_charts.gemspec
 - lib/glimmer-libui-cc-graphs_and_charts.rb
+- lib/glimmer/view/bar_chart.rb
 - lib/glimmer/view/line_graph.rb
 homepage: http://github.com/AndyObtiva/glimmer-libui-cc-graphs_and_charts
 licenses:
@@ -104,7 +106,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
     - !ruby/object:Gem::Version
       version: '0'
 requirements: []
-rubygems_version: 3.5.1
+rubygems_version: 3.5.3
 signing_key:
 specification_version: 4
 summary: Graphs and Charts - Glimmer DSL for LibUI Custom Controls