@domoinc/multiline-chart/bower_components/Notifier/CreateWidget.js

MultiLineChart - Domo Widget

//Setup some fake data

var aHeight = 250;
var aWidth = 250;


//Initialize the widget
var chart = d3.select("#vis")
  .append("svg")
  .attr({
    "width": 1000,
    "height": 1000
  })
  .append("g")
  .attr('class', 'fun')
  .attr("transform", "translate(100,100)")
  .chart("Notifier")
  .config({
    'width': aWidth,
    'height': function () {return aHeight;}
  });


d3.select("g.fun").insert("rect", ":first-child")
  .attr("height", aHeight)
  .attr("width", aWidth)
  .attr("stroke", "black")
  // .style("fill", "#2F3132")
  .style("fill", "white")
  .style("fill-opacity", 1);


//Render the chart with data

//ChartName, MessageType, 'Custom Message', 'Column Names, ...', [[Bad Data], ...]
//chart.appendMessage("Notifier", "NO_DATA", "No Data", "", []);
chart.appendMessage("Notifier", "DISCARDED_VALID_DATA", "Too much data.", "Schema", []);

//chart.appendMessage("Notifier", "SAMPLE_DATA", "No Data", "", []);
//chart.appendMessage('Notifier', 'WARN', 'Warning', "", []);
//chart.appendMessage('Notifier', 'FAIL', 'O, Something Went Wrong!', "", []);

//var allMessages = {};
//    allMessages.warningMessages = [{chartName:"Notifier", type:"WARN", message:"Warning", expectedDataFormat:"", data:[]}];
//    allMessages.failMessages = [{chartName:"Notifier", type:"FAIL", message:"Fail", expectedDataFormat:"", data:[]}];
//    allMessages.noDataMessages = [{chartName:"Notifier", type:"NO_DATA", message:"No Data", expectedDataFormat:"", data:[]}];
//    allMessages.sampleDataMessages = [{chartName:"Notifier", type:"SAMPLE_DATA", message:"Sample Data", expectedDataFormat:"", data:[]}];
//chart.appendMessages(allMessages);

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


//chart.clearMessages();
//chart.draw();