@domoinc/multi-metric-comparison-bar-chart/test.js

MultiMetricComparisonBarChart - Domo Widget

//Setup some fake data
var data = [
	['Tweets', '@bobbarker', 600],
	['Tweets', '@adamsandler', 100],
	['Followers', '@bobbarker', 10000],
	['Followers', '@adamsandler', 7000],
	['Following', '@bobbarker', 20],
	['Following', '@adamsandler', 74]
];

var data2 = [
	['Tweets', '@bobbarker', 60330],
	['Tweets', '@adamsandler', 34543],
	['Followers', '@bobbarker', 1000],
	['Followers', '@adamsandler', 234],
	['Following', '@bobbarker', 5645],
	['Following', '@adamsandler', 4536],
	['Likes', '@bobbarker', 834975987],
	['Likes', '@adamsandler', 2340324578]
];


var aWidth = 500;
var aHeight = 500;
//Initialze the widget
var chart = d3.select('#vis')
	.append('svg')
	.attr({
		height: aHeight,
		width: aWidth
	})
	.append('g')
	.attr('transform', 'translate(40,100)')
	.chart('MultiMetricComparisonBarChart')
	.c({
		width: 400,
		height: 400
	});

//Render the chart with data
chart._notifier.showMessage(true);
chart.draw(data);

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




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

// var interval = setInterval(function() {
// 	for (var i = 0; i < data.length; i++) {
// 		data[i][2] = Math.floor(Math.random() * 10000 + 1);
// 	}

// 	chart.draw(data);
// }, 3000);

// setTimeout(function(){
// 	chart
// 		.c('leftBarColor', 'red')
// 		.c('rightBarColor', 'orange')
// 		.c('chartLabelColor', 'red')
// 		.draw(data2)
// }, 2000)