@domoinc/multiline-chart/CreateWidget.js

MultiLineChart - Domo Widget

// Line Name , Date/x-axis, value/y-axis
var dateData = [
  ['Jan', 1, 'North'],
  ['Feb', 4, 'North'],
  ['Mar', 3, 'North'],
  ['Apr', 4, 'North'],
  ['Jan', 2, 'South'],
  ['Feb', 3, 'South'],
  ['Mar', 4, 'South'],
  ['Apr', 5, 'South'],
  ['Jan', 4, 'East'],
  ['Feb', 3, 'East'],
  ['Mar', 1, 'East'],
  ['Apr', 2, 'East']
];

var chart = d3.select("#vis")
  .append("svg")
  .attr('height', 500)
  .attr('width', 500)
  .append("g")
  .attr("transform", "translate(50,50)")
  .chart("MultiLineChart")
  .c({
    width: 400,
    height: 400
  });

chart._notifier.showMessage(true);
chart.draw(dateData);


/*----------------------------------------------------------------------------------
// Test Update
----------------------------------------------------------------------------------*/
//setTimeout(function () {
//    chart.draw([
//      ['North', 'Jan', -1],
//      ['North', 'Feb', 4],
//      ['North', 'Mar', 3],
//      ['North', 'Apr', 4],
//      ['South', 'Jan', 2],
//      ['South', 'Feb', 3],
//      ['South', 'Mar', 4],
//      ['South', 'Apr', 5]
//    ]);
//}, 2000);