@domoinc/multiline/src/DomoWidget.js

MultiLine - Domo Widget

AutoWidgets.register("DomoMultiLineDomo", function (container) {

  var bBox = container.select("[id^=chartBounds]")
    .node()
    .getBBox();

  container.attr("transform", "translate(" + bBox.x + "," + bBox.y + ")")
    .selectAll("*")
    .remove();

  var sampleData = [
    ['2014-01-01', 1, 'A'],
    ['2014-01-02', 4, 'A'],
    ['2014-01-03', 3, 'A'],
    ['2014-01-04', 4, 'A'],
    ['2014-01-05', 3, 'A'],
    ['2014-01-06', 4, 'A'],
    ['2014-01-07', 3, 'A'],
    ['2014-01-08', 4, 'A'],
    ['2014-01-01', 1, 'B'],
    ['2014-01-02', 3, 'B'],
    ['2014-01-03', 4, 'B'],
    ['2014-01-04', 5, 'B'],
    ['2014-01-05', 2, 'B'],
    ['2014-01-06', 3, 'B'],
    ['2014-01-07', 4, 'B'],
    ['2014-01-08', 5, 'B'],
    ['2014-01-01', 1, 'C'],
    ['2014-01-02', 2, 'C'],
    ['2014-01-03', 1, 'C'],
    ['2014-01-04', 2, 'C'],
    ['2014-01-05', 4, 'C'],
    ['2014-01-06', 3, 'C'],
    ['2014-01-07', 1, 'C'],
    ['2014-01-08', 2, 'C'],
  ];

  var dataName = container.node().parentNode.id;

  container.attr("data-dm-field", dataName);

  var sampleDataObj = {};
  sampleDataObj[dataName] = {
    columnNames: ["Series", "X Values", "Y Values"],
    defaultValue: sampleData
  };

  var widget = AutoWidgets.baseWidget(container.chart("MultiLine"))
    .c({
      'height': bBox.height,
      'width': bBox.width,
      'pointHighlight': 'series'
    })
    .sampleData(sampleDataObj);

  widget.dataName(dataName);

  return widget;
});