"Dashboard "
Bootstrap 3.0.3 Snippet by eduluz1976

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.1.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">
<script src="https://code.highcharts.com/highcharts.js"></script>
<script src="https://code.highcharts.com/highcharts-more.js"></script>
<!--
<script src="https://code.highcharts.com/modules/exporting.js"></script>
-->
<style>
.grafico {
min-width: 310px;
max-width: 400px;
height: 280px;
margin: 0 auto
}
.main-header {
font-size: x-large;
color : #888;
font-family: Verdana;
margin-bottom: 20px;
}
.destaque {
color: #f88;
font-weight: bolder;
}
.highcharts-tooltip h3 {
margin: 0.3em 0;
}
</style>
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
document.addEventListener("DOMContentLoaded", function(event) {
Highcharts.chart('grafico1', {
credits: {
enabled: false
},
title: {
text: 'Revenue by brand'
},
yAxis: {
title: {
text: ' $'
}
},
legend: {
layout: 'vertical',
align: 'right',
verticalAlign: 'middle'
},
plotOptions: {
series: {
pointStart: 1
}
},
series: [{
name: 'Brand 1',
data: [23, 27, 32, 26, 25, 27, 22, 19]
}, {
name: 'Brand 2',
data: [45, 49, 43, 41, 42, 41, 38, 34]
}, {
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX

Related: See More


Questions / Comments: