sleek_charts 0.0.1 → 0.0.2

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 7391ad7d984d32aed098dc84c9cacd8e2e67bd76
-  data.tar.gz: 5c1bc0324d6aa3f898673b968e883b7ac3ef9d52
+  metadata.gz: 96591a675128e0833a659ab5075c1b28a46ac46d
+  data.tar.gz: 90e1a4e61d6b4b5ad68821d227024a23e7d4acbf
 SHA512:
-  metadata.gz: fa977e8d6e25cacabfce7f96ccb1a34696f79c65838a325fe4a2e22a462ecca4021e6be68b7df01e7a42089ceda316ee7d05a86717c4f089b229c929ef9ee36e
-  data.tar.gz: 288931d0d01727e6421b78c62c7d193ca5294453aa7661cf633f4de21950f8e7cdf8a1e79d0e400fc3c8b30cf15def591652cfc348f1adb408384cbc1fc6fa74
+  metadata.gz: 66e7bfb99aa289408b6a2cc4f1140c4bfacb89da0c1ba12c02e4a6c1638e6cadd981134af83eb51bce5dc2bcad857b571d6908316e938fdec02cd3752a2fc9d1
+  data.tar.gz: b06309042fb88b55c8bbddfc656ae96fd54deeed1d2b87c9c76128d21f0582c5a6ab2dc665132abebd97a6ec12458927316d499db07281fd8109c4035f6057b6

data/CHANGELOG.md

@@ -0,0 +1,2 @@
+### 0.0.1 & 0.0.2
+- First and second minor releases with refactoring

data/README.md

@@ -4,6 +4,8 @@ Provides Bar and Donut charts with consitent tooltip for Rails applications.
 
 ## Supports Rails 3.1+
 
+![Bar tip](https://github.com/gouravtiwari/sleek_charts/raw/master/example/bar-tip.png)![Donut tip](https://github.com/gouravtiwari/sleek_charts/raw/master/example/donut-tip.png)
+
 ## Installation
 
 Add this line to your application's Gemfile:
@@ -19,9 +21,11 @@ Or install it yourself as:
     $ gem install sleek_charts
 
 Once done, add below to application's assets/javascripts/application.js file
+
     //= require sleek_charts
 
 Also, add below to application's assets/stylesheets/application.css file
+
     *= require sleek_charts
 
 ## Usage
@@ -30,12 +34,20 @@ Simply add bar chart to any element, e.g.
 
     barTip(options);
     //where options is a map, checkout bar-tip.js
+    //or with defaults:
+    barTip({});
+    
 
 or add donut chart to any element, e.g.
 
     donutTip(options);
     //where options is a map, checkout donut-tip.js
+    //or with defaults:
+    donutTip({});
+
+### Example
 
+* [Audit Rails example](www.audit-rails.info/audit_rails/audits/analytics)
 
 ## Contributing
 

data/app/assets/javascripts/bar-tip.js

@@ -6,8 +6,8 @@
 //              e.g. [{'label': 'weather-day', 'value': 35.1}, {'label': 'weather-night', 'value': 30.2}]
 // width:       width of svg element
 // height:      height of svg element
-// margin:      margin of svg element and accepts in a map
-//              {top: 10, right: 20, bottom: 20, left:10}
+// margin:      margin of svg element and accepts in a map, e.g.
+//              {top: 40, right: 20, bottom: 120, left: 40}
 // flexRight:   set it to false, when you are ok to display wider column, when there are <5-6 columns, default is true
 // labelAngle:  default is 0
 // xDomain:     x-axis domain, default is 'label'
@@ -31,12 +31,12 @@ function barTip(options){
                     {'label': 'weather-evening', 'value': 32.1}, {'label': 'weather-night', 'value': 30.2}],
         width:      600,
         height:     400,
-        margin:     {top: 10, right: 20, bottom: 20, left:10},
+        margin:     {top: 40, right: 20, bottom: 120, left: 40},
         flexRight:  true,
-        labelAngle: -30,
+        labelAngle: -60,
         xDomain:    'label',
         yDomain:    'value',
-        yAxisText:  '',
+        yAxisText:  'Temperature',
         tipLabel:   '',
         tipValue:   'value',
         tipText:    ''
@@ -44,16 +44,13 @@ function barTip(options){
 
     var config = (options) ? mergeConfigOptions(defaults,options) : defaults;
 
-    var data  = config.data;
-
     // Just to make sure the chart doesn't look clutter, when there are < 5-6 columns
     if(config.flexRight){
-        config.margin['right'] = d3.max([20, (config.width - data.length * 50)]);
+        config.margin['right'] = d3.max([20, (config.width - config.data.length * 50)]);
     }
         
-    var margin = config.margin,
-        width = config.width - margin.left - margin.right,
-        height = config.height - margin.top - margin.bottom;
+    var width = config.width - config.margin.left - config.margin.right,
+        height = config.height - config.margin.top - config.margin.bottom;
 
     var x = d3.scale.ordinal()
         .rangeRoundBands([0, width], .1);
@@ -73,7 +70,7 @@ function barTip(options){
         .attr("width", config.width)
         .attr("height", config.height)
       .append("g")
-        .attr("transform", "translate(" + margin.left + "," + margin.top + ")");
+        .attr("transform", "translate(" + config.margin.left + "," + config.margin.top + ")");
 
     var tip = d3.tip()
       .attr('class', 'd3-tip')
@@ -83,11 +80,11 @@ function barTip(options){
 
         return "<strong>" + config.tipText + label + "</strong> <span style='color:red'>" + d[config.tipValue] + "</span>";
       });
-    console.log(svg);
+    
     svg.call(tip);
 
-    x.domain(data.map(function(d) { return d[config.xDomain]; }));
-    y.domain([0, d3.max(data, function(d) { return d[config.yDomain]; })]);
+    x.domain(config.data.map(function(d) { return d[config.xDomain]; }));
+    y.domain([0, d3.max(config.data, function(d) { return d[config.yDomain]; })]);
 
     svg.append("g")
         .attr("class", "x axis")
@@ -113,7 +110,7 @@ function barTip(options){
         .text(config.yAxisText);
 
     svg.selectAll(".bar")
-        .data(data)
+        .data(config.data)
       .enter().append("rect")
         .attr("class", "bar")
         .attr("x", function(d) { return x(d[config.xDomain]); })

data/lib/sleek_charts/version.rb

@@ -1,3 +1,3 @@
 module SleekCharts
-  VERSION = "0.0.1"
+  VERSION = "0.0.2"
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: sleek_charts
 version: !ruby/object:Gem::Version
-  version: 0.0.1
+  version: 0.0.2
 platform: ruby
 authors:
 - Gourav Tiwari
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2013-12-07 00:00:00.000000000 Z
+date: 2013-12-08 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: bundler
@@ -46,6 +46,7 @@ extensions: []
 extra_rdoc_files: []
 files:
 - .gitignore
+- CHANGELOG.md
 - Gemfile
 - LICENSE.txt
 - README.md
@@ -57,6 +58,8 @@ files:
 - app/assets/javascripts/donut-tip.js
 - app/assets/javascripts/sleek_charts.js
 - app/assets/stylesheets/sleek_charts.css
+- example/bar-tip.png
+- example/donut-tip.png
 - lib/sleek_charts.rb
 - lib/sleek_charts/version.rb
 - sleek_charts.gemspec