Localidade

Altere a localidade das mensagens, das datas, programação e validação do lado do cliente.

	Idioma
	Ingles
	Espanhol
	Português

Estilo de entrada

Delineado

Preenchido

Temas

Para componentes integrados criados pelo DinarteCoelho.

Estilos

Saga

Vela

Arya

Blue Light

Purple Light

Blue Dark

Purple Dark

Luna Amber

Luna Blue

Luna Green

Luna Pink

Nova

Nova Alt

Nova Accent

Gráfico Radar

É criado com um modelo de gráfico de radar.

									
										$render = '';
										$resposta = '';

									
										function skinRadarChart() {
											Chart.defaults.startAngle = 36;
											Chart.defaults.plugins.tooltip.cornerRadius = 3;
											Chart.defaults.plugins.tooltip.enabled = true;
											Chart.defaults.plugins.tooltip.mode = 'point';
											Chart.defaults.plugins.tooltip.position = 'nearest';
										};
										dc.cw("RadarChart", "widget_grafico", {
											id: "grafico"
											, "config": {
												"type": "radar"
												, "data": {
													"datasets": [{
														"type": "radar"
														, "data": [65, 59, 90, 81, 56, 55, 40]
														, "label": "Primeiro conjunto"
														, "hidden": false
														, "backgroundColor": "rgba(255, 99, 132, 0.2)"
														, "borderColor": "rgb(255, 99, 132)"
														, "fill": true
														, "pointBackgroundColor": "rgb(255, 99, 132)"
														, "pointBorderColor": "#fff"
														, "pointHoverBackgroundColor": "#fff"
														, "pointHoverBorderColor": "rgb(255, 99, 132)"
													}, {
														"type": "radar"
														, "data": [28, 48, 40, 19, 96, 27, 100]
														, "label": "Segundo conjunto"
														, "hidden": false
														, "backgroundColor": "rgba(54, 162, 235, 0.2)"
														, "borderColor": "rgb(54, 162, 235)"
														, "fill": true
														, "pointBackgroundColor": "rgb(54, 162, 235)"
														, "pointBorderColor": "#fff"
														, "pointHoverBackgroundColor": "#fff"
														, "pointHoverBorderColor": "rgb(54, 162, 235)"
													}]
													, "labels": ["Comer", "Beber", "Dormir", "Desenhar", "Programar", "Andar", "Correr"]
												}
												, "options": {
													"elements": {
														"line": {
															"tension": 0
															, "borderWidth": 3
															, "capBezierPoints": false
															, "stepped": false
														}
													}
													, "plugins": {}
												}
											}
										});
										dc.cw("RadarChart", "widget_grafico2", {
											id: "grafico2"
											, "config": {
												"type": "radar"
												, "data": {
													"datasets": [{
														"type": "radar"
														, "data": [2, 3, 2, 1, 3]
														, "label": "P.Praticante"
														, "hidden": false
														, "backgroundColor": "rgba(102, 153, 204, 0.2)"
														, "borderColor": "rgba(102, 153, 204, 1)"
														, "tension": 0.1
														, "pointBackgroundColor": "rgba(102, 153, 204, 1)"
														, "pointBorderColor": "#fff"
														, "pointHoverBackgroundColor": "#fff"
														, "pointHoverBorderColor": "rgba(102, 153, 204, 1)"
														, "pointHoverRadius": 5
													}, {
														"type": "radar"
														, "data": [2, 3, 3, 2, 3]
														, "label": "P.Gerente"
														, "hidden": false
														, "backgroundColor": "rgba(255, 204, 102, 0.2)"
														, "borderColor": "rgba(255, 204, 102, 1)"
														, "tension": 0.1
														, "pointBackgroundColor": "rgba(255, 204, 102, 1)"
														, "pointBorderColor": "#fff"
														, "pointHoverBackgroundColor": "#fff"
														, "pointHoverBorderColor": "rgba(255, 204, 102, 1)"
														, "pointHoverRadius": 5
													}]
													, "labels": [
														["Processo", "Excelência"]
														, ["Problemas", "Solução"]
														, ["Facilitação"]
														, ["Projeto", "Gerencia"]
														, ["Alterar", "Gerencia"]
													]
												}
												, "options": {
													"scale": {
														"angleLines": {
															"display": true
															, "color": "rgba(128, 128, 128, 0.2)"
															, "lineWidth": 0.5
														}
													}
													, "plugins": {}
												}
											}
											, "extender": skinRadarChart
										});

Nome	Padrão	Tipo	Descrição
id	null	String	Identificador único do componente
rendered	true	Boolean	Valor booleano para especificar a renderização do componente, quando definido como false o componente não será renderizado.
binding	null	Object	Uma expressão que mapeia para uma instância UIComponent do lado do servidor em um bean de apoio
model	null	ChartModel	Objeto modelo de dados e configurações.
style	null	String	Estilo embutido do componente.
styleClass	null	String	Classe de estilo do componente.
widgetVar	null	String	Nome do widget do lado do cliente.

Sessão expirada

Recarregando a página

Mensagem:
Motivo: