aragorn wrote:Which feature in Rio Dasboard?
Code: Select all
<script type="text/javascript">
function skinChart() {
this.cfg.shadow = false;
this.cfg.title='';
this.cfg.seriesColors = ['#FF4081', '#FBB040', '#1C75BC'];
this.cfg.grid = {
background: '#ffffff',
borderColor: '#ffffff',
gridLineColor: '#E8E8E8',
shadow: false,
};
this.cfg.axesDefaults = {
rendererOptions: {
textColor: '#778D9B'
}
};
this.cfg.seriesDefaults = {
shadow: false,
markerOptions: {
shadow: false
}
}
}
</script>
<style type="text/css">
.jqplot-target, .jqplot-axis {
color: #778D9B;
}
</style>
Code: Select all
<p:chart type="line" model="#{chartView.lineModel1}" style="height:320px;" responsive="true"/>Code: Select all
...
lineModel1 = initLinearModel();
lineModel1.setTitle("Linear Chart");
lineModel1.setLegendPosition("e");
Axis yAxis = lineModel1.getAxis(AxisType.Y);
yAxis.setMin(0);
yAxis.setMax(10);
lineModel1.setExtender("skinChart");
lineModel2 = initCategoryModel();
lineModel2.setTitle("Category Chart");
lineModel2.setLegendPosition("e");
lineModel2.setShowPointLabels(true);
lineModel2.getAxes().put(AxisType.X, new CategoryAxis("Years"));
yAxis = lineModel2.getAxis(AxisType.Y);
yAxis.setLabel("Births");
yAxis.setMin(0);
yAxis.setMax(200);
zoomModel = initLinearModel();
zoomModel.setTitle("Zoom");
zoomModel.setZoom(true);
zoomModel.setLegendPosition("e");
yAxis = zoomModel.getAxis(AxisType.Y);
yAxis.setMin(0);
yAxis.setMax(10);
...