@domoinc/domo-select/bower_components/Button/CreateWidget.js

DomoSelect - Domo Widget

var data =[
    ["Buttoasdfasdffasdfaggggsdfasn1","dafas"],
    ["Buttoasdfasdffasdfasdfasn1","dafas"]
];

var data2 = [["heyasdfasdfasdfafsdfasdfasdfasdfasdfas"]];

var charta = d3.select("#vis")
    .style({
        position: 'absolute',
        top: '50px',
        left: '50px'
    })

var container = charta.append('div')
        .style({
            width: '250px',
            background: '#f2f2f2',
            height: '300px',
            padding: '15px'
        })

var chart = container
    .chart("Button")
    .c({
        width: '250px',
        showChevron: true,
        size: 'sz-sm',
        theme: 'thm-red-invert',
        // centerText: true,
        // disabled: true,
        // height: '500px',
        // margin: 20,
        // orientation: 'vertical',
        // showChevron: false,
        // size: 'sz-md',
        // theme: 'thm-orange-invert',

    })

chart.on('dispatch:click', function(d) {
    console.log(d);
    chart.draw(data2);
});

// var chart2 = d3.select("#vis")
//     .append('div')
//     .style({
//         position: 'absolute',
//         top: '100px'
//     })
//     .style({
//         position: 'absolute',
//         top: '200px',
//         left: '50px'
//     })
//     .chart("Button")
//     .c({
//         size: 'btn-sz-lg',
//         width: '500px',
//         disabled: true,
//         theme: 'btn-thm-red-invert',
//         showChevron: true,
//         orientation: 'vertical'
//     })

// chart2.draw(data);

// chart2.on('dispatch:click', function(d) {
//     console.log(d);
//     chart2.draw(data2);
// });

// setTimeout(function() {
//     chart2.c('disabled',false);
//     chart2.draw(data);
// }, 5000)

chart.draw(data);