fix: Expose width and ticks accessors on the colorLegendWidget

Author: manthey

src/ui/colorLegendWidget.js

@@ -381,6 +381,42 @@ var colorLegendWidget = function (arg) {
     return d3.format('.' + precision + 'f')(number);
   };
 
+  /**
+   * Get/Set width.
+   *
+   * @param {number} [width] If not specified, return the current width.  If
+   *    specified, set a new width.
+   * @returns {this|number}
+   */
+  this.width = function (width) {
+    if (width === undefined) {
+      return m_width;
+    } else if (width !== m_width) {
+      m_width = width;
+      m_this._prepareCategories(m_categories);
+      m_this._draw();
+    }
+    return m_this;
+  };
+
+  /**
+   * Get/Set ticks.
+   *
+   * @param {number} [ticks] If not specified, return the current ticks.  If
+   *    specified, set a new ticks.
+   * @returns {this|number}
+   */
+  this.ticks = function (ticks) {
+    if (ticks === undefined) {
+      return m_ticks;
+    } else if (ticks !== m_ticks) {
+      m_ticks = ticks;
+      m_this._prepareCategories(m_categories);
+      m_this._draw();
+    }
+    return m_this;
+  };
+
   /**
    * Show the popup based on current mouse event.
    * @param {d3.event} event The triggering d3 event.

tests/cases/colorLegend.js

@@ -229,4 +229,17 @@ describe('color legend', function () {
     expect(Math.abs($(container).find('.color-legend-popup').text() - 320)).toBeLessThan(2);
     $(legends[1]).find('svg>rect')[0].dispatchEvent(mouseout);
   });
+
+  it('width and ticks', function () {
+    expect(legendWidget.width()).toBe(300);
+    expect(legendWidget.width(400)).toBe(legendWidget);
+    expect(legendWidget.width()).toBe(400);
+    expect(legendWidget.width(400)).toBe(legendWidget);
+    expect(legendWidget.width()).toBe(400);
+    expect(legendWidget.ticks()).toBe(6);
+    expect(legendWidget.ticks(8)).toBe(legendWidget);
+    expect(legendWidget.ticks()).toBe(8);
+    expect(legendWidget.ticks(8)).toBe(legendWidget);
+    expect(legendWidget.ticks()).toBe(8);
+  });
 });