all files / src/components/ Dummy.js

78.85% Statements 41/52
93.94% Branches 31/33
61.54% Functions 8/13
33.33% Lines 4/12
8 statements, 2 functions, 17 branches Ignored     
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36                                                                  
import VisualizationComponent from '../core/VisualizationComponent';
 
var d3 = require('d3');
 
export default class Dummy extends VisualizationComponent {
  constructor (el, data) {
    super(el);
 
    d3.select(this.el)
      .append('ul');
 
    this._data = data || [];
  }
 
  render () {
    let d = d3.select(this.el)
      .select('ul')
      .selectAll('li')
      .data(this._data);
 
    d.enter()
      .append('li');
 
    d.exit()
      .remove();
 
    d.text((d) => d.text)
      .style('color', (d) => d.color);
  }
 
  data (newData) {
    this._data = newData;
  }
}