this.chartData = {
type: 'LineChart',
data: [
["Janeiro", this.meses[0] ],
["Fevereiro", this.meses[1] ],
["Março", this.meses[2] ],
["Abril", this.meses[3] ],
["Maio", this.meses[4] ],
["Junho", this.meses[5] ],
["Julho", this.meses[6] ],
["Agosto", this.meses[7] ],
["Setembro", this.meses[8] ],
["Outubro", this.meses[9] ],
["Novembro", this.meses[10] ],
["Dezembro", this.meses[11] ]
],
columnNames: ["Month", this.soAno],
options: {
chartArea: {
width: '90%'
},
hAxis: {
},
vAxis:{
title: 'Total de Processos',
// ticks:[0, 2, 4, 6, 8, 10, 12, 14, 16, 18, 20],
titleTextStyle: {
color: '#666666',
fontName:'Lucida Sans Unicode',
fontSize:18
}
},
legend:'none',
// colors: ['#666666'],
series:{
0:{
color:'#666666',
lineWidth: 3
}
},
pointSize:10
}
};
dashboard.html:
<google-chart id="org_chart" #chart
[type]="chartData.type"
[options]="chartData.options"
[columns]="chartData.columnNames"
[data]="chartData.data"
[dynamicResize] ="true"
style="height: 390px;width: 100%;"
>
</google-chart>