Plotly legend

by hy9be uva

HTML

<script src="https://cdn.plot.ly/plotly-1.24.0.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/chance/1.0.4/chance.min.js"></script>
<div id="myDiv">
</div>

JavaScript

data = [
    {
        type: 'bar',
        x: [1, 2, 3, 4],
        y: [3, 1, 6, 5],
        name: 'bar chart example',
        marker: { 
            color: ['rgb(31,119,180)', 'rgb(255,127,14)', 'rgb(44,160,44)', 'rgb(214,39,40)']
        }
    }
];

layout = {
    title: 'simple example',
    xaxis: {
        title: 'time'
    },
    hovermode: 'closest',
    dragmode: 'zoom',
    showlegend: true
}

console.time();
Plotly.newPlot('myDiv', data, layout);
console.timeEnd();