Styles:
Code: Select all
<script type="text/javascript">
var estilografica = {
animationEnabled:true,
font: {name: "Verdana",color: 0x12314a,size: 12},
border:{color: 0x12314a,size: 2},
background:{color: 0xFFFFDD},
legend:{display: "right",spacing:5,
border:{color: 0x12314a,size:1}},
dataTip:{padding:10,
border:{color: 0x12314a,size:1},
font: {name: "Verdana",color: 0x12314a,size: 12}},
xAxis:{size:2,labelRotation: -40},
yAxis:{size:2}
};
var validos = {
displayName: "Válidos",
color: 0x9999CC,
size: 6,
borderColor:0x000000,
lineSize: 2,
showAreaFill: false,
connectDiscontinuousPoints: true,
discontinuousDashLength: 2000
};
var invalidos = {
displayName: "Inválidos",
fillColor: 0xFFFFEE,
color: 0xFF0000,
size: 8,
skin: "DiamondSkin",
connectPoints: false
};
var seleccionados = {
displayName: "Selección",
fillColor: 0xFFFF00,
color: 0x000000,
size: 10,
skin: "RectangleSkin",
connectPoints: false
};
</script>
Code: Select all
<p:lineChart id="migrafica" value="#{busquedaBean.datosGrafica}" update="fecha1,fecha2,migrafica" var="dato" xfield="#{dato.timestamp}" styleClass="grafica" style="estilografica" itemSelectListener="#{busquedaBean.fechasGrafica}">
<p:chartSeries label="Validos" value="#{dato.valor_valido}" style="validos" />
<p:chartSeries label="Invalidos" value="#{dato.valor_invalido}" style="invalidos" />
<p:chartSeries label="Selección" value="#{dato.valor_seleccionado}" style="seleccionados" />
</p:lineChart>
StyleClass only has:
.grafica{
width: 850px !important;
height: 500px !important;
}
to alter default sizes