org.icefaces.ace.component.chart.ChartRenderer Maven / Gradle / Ivy
Go to download
Show more of this group Show more artifacts with this name
Show all versions of icefaces-ace Show documentation
Show all versions of icefaces-ace Show documentation
${icefaces.product.name} ACE Component Library
The newest version!
/*
* Copyright 2004-2014 ICEsoft Technologies Canada Corp.
*
* Licensed under the Apache License, Version 2.0 (the "License");
* you may not use this file except in compliance with the
* License. You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing,
* software distributed under the License is distributed on an "AS
* IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either
* express or implied. See the License for the specific language
* governing permissions and limitations under the License.
*/
package org.icefaces.ace.component.chart;
import org.icefaces.ace.event.PointValueChangeEvent;
import org.icefaces.ace.event.SeriesSelectionEvent;
import org.icefaces.ace.event.ChartImageExportEvent;
import org.icefaces.ace.json.JSONArray;
import org.icefaces.ace.json.JSONException;
import org.icefaces.ace.model.SimpleEntry;
import org.icefaces.ace.model.chart.ChartSeries;
import org.icefaces.ace.renderkit.CoreRenderer;
import org.icefaces.ace.util.HTML;
import org.icefaces.ace.util.JSONBuilder;
import org.icefaces.render.MandatoryResourceComponent;
import org.icefaces.impl.util.Base64;
import javax.faces.FacesException;
import javax.faces.component.UIComponent;
import javax.faces.context.FacesContext;
import javax.faces.context.ResponseWriter;
import java.io.IOException;
import java.util.Date;
import java.util.List;
import java.util.logging.Level;
import java.util.logging.Logger;
import java.util.Map;
@MandatoryResourceComponent(tagName="chart", value="org.icefaces.ace.component.chart.Chart")
public class ChartRenderer extends CoreRenderer {
private static final Logger log = Logger.getLogger(ChartRenderer.class.getName());
@Override
public void decode(FacesContext context, UIComponent component) {
Chart chart = (Chart) component;
String id = chart.getClientId(context);
String select = id + "_selection";
String drag = id + "_drag";
String export = id + "_export";
Map params = context.getExternalContext().getRequestParameterMap();
String selectInput = params.get(select);
String dragInput = params.get(drag);
String exportInput = params.get(export);
if (selectInput != null) processSelections(chart, selectInput.split(","));
if (dragInput != null) processDraggings(chart, dragInput);
if (exportInput != null) processExport(chart, exportInput);
decodeBehaviors(context, component);
}
private void processDraggings(Chart chart, String draggingInput) {
try {
JSONArray array = new JSONArray(draggingInput);
for (int i = 0; i < array.length(); i++) {
JSONArray drag = array.getJSONArray(i);
JSONArray newVals = drag.getJSONArray(0);
Object newX = newVals.get(0);
Object newY = newVals.get(1);
Integer seriesIndex = drag.getInt(1);
Integer pointIndex = drag.getInt(2);
// Set to new val
List seriesList = (List)chart.getValue();
List seriesData = ((ChartSeries) seriesList.get(seriesIndex)).getData();
Map.Entry point = (Map.Entry) seriesData.get(pointIndex);
Object[] oldValArr = entryToArray(point);
if (oldValArr[0] instanceof Date) newX = new Date(((Number)newX).longValue());
if (oldValArr[1] instanceof Date) newY = new Date(((Number)newY).longValue());
Map.Entry newVal = new SimpleEntry(newX, newY);
seriesData.set(pointIndex, newVal);
// Queue value change event
chart.queueEvent(new PointValueChangeEvent(chart, oldValArr, entryToArray(newVal), seriesIndex, pointIndex));
}
} catch (JSONException e) {
throw new FacesException(e);
}
}
private Object[] entryToArray(Map.Entry point) {
return new Object[] {point.getKey(), point.getValue()};
}
private void processSelections(Chart chart, String[] select) {
String seriesObject = select[0];
String pointObject =select[1];
try{
int seriesIndex = Integer.parseInt(seriesObject);
int pointIndex = Integer.parseInt(pointObject);
chart.queueEvent(new SeriesSelectionEvent(chart, seriesIndex, pointIndex));
}catch (NumberFormatException nfe) {
chart.queueEvent(new SeriesSelectionEvent(chart, seriesObject, pointObject));
}
}
private void processExport(Chart chart, String exportInput) {
if (chart.getImageExportListener() != null && exportInput != null && exportInput.length()>21) {
exportInput = exportInput.substring(22); // remove "data:image/png;base64,"
byte[] bytes = Base64.decode(exportInput);
chart.queueEvent(new ChartImageExportEvent(chart, bytes));
}
}
@Override
public void encodeBegin(FacesContext context, UIComponent component) throws IOException {
ResponseWriter writer = context.getResponseWriter();
Chart chart = (Chart) component;
String clientId = component.getClientId();
writer.startElement(HTML.DIV_ELEM, chart);
writer.writeAttribute(HTML.ID_ATTR, clientId, null);
encodeChartContainer(context, writer, clientId,
chart.getHeight(),
chart.getWidth(),
chart.getStyle());
encodeScript(context, writer, clientId, chart);
writer.endElement(HTML.DIV_ELEM);
}
private void encodeScript(FacesContext context, ResponseWriter writer, String clientId, Chart component) throws IOException {
List data = (List)component.getValue();
ChartSeries seriesDefaults = component.getDefaultSeriesConfig();
Boolean stacking = component.isStackSeries();
Boolean animated = component.isAnimated();
Boolean hiddenInit = component.isHiddenInitPolling();
Boolean zoom = component.isZoom();
Boolean cursor = component.isCursor();
Boolean showTooltip = component.isShowTooltip();
String [] seriesColors = component.getDefaultSeriesColors();
String title = component.getTitle();
JSONBuilder json = JSONBuilder.create()
.beginFunction("ice.ace.create").item("Chart")
.beginArray().item(clientId);
writer.startElement(HTML.SPAN_ELEM, null);
writer.startElement(HTML.SCRIPT_ELEM, null);
writer.writeAttribute(HTML.TYPE_ATTR, "text/javascript", null);
// Build data arrays
json.beginArray();
if (data != null)
for (ChartSeries series : data) {
json.item(series.getDataJSON(component).toString(), false);
}
json.endArray();
// Build configuration object
json.beginMap();
encodeAxesConfig(json, component);
encodeSeriesConfig(json, component, seriesDefaults, data);
encodeLegendConfig(json, component);
encodeHighlighterConfig(json, component);
if (title != null) json.entry("title", title);
if (seriesColors != null) {
json.entry("seriesColors", seriesColors);
} //to be set into jqplot config object
if (stacking) json.entry("stackSeries", true);
if (animated == null) json.entry("animate", "!ice.ace.jq.jqplot.use_excanvas", true);
else if (animated) json.entry("animate", true);
if (isAjaxClick(component))
json.entry("handlePointClick", true);
if (!hiddenInit) json.entry("disableHiddenInit", true);
encodeClientBehaviors(context, component, json);
if (cursor != null) {
json.beginMap("cursor");
json.entry("show", cursor);
if (zoom != null) json.entry("zoom", zoom);
if (showTooltip != null) json.entry("showTooltip", showTooltip);
json.endMap();
}
if (cursor != null) {
json.beginMap("cursor");
json.entry("show", cursor);
if (zoom != null) json.entry("zoom", zoom);
if (showTooltip != null) json.entry("showTooltip", showTooltip);
json.endMap();
}
json.endMap().endArray().endFunction();;
writer.write(json.toString());
writer.endElement(HTML.SCRIPT_ELEM);
writer.endElement(HTML.SPAN_ELEM);
}
private void encodeHighlighterConfig(JSONBuilder cfgBuilder, Chart component) {
if (component.isHighlighter() != null && component.isHighlighter()) {
cfgBuilder.beginMap("highlighter");
cfgBuilder.entry("show", true);
Boolean showMarker = component.isHighlighterShowMarker();
Location location = component.getHighlighterLocation();
HighlighterTooltipAxes axes = component.getHighlighterAxes();
String formatString = component.getHighlighterFormatString();
Integer yvals = component.getHighlighterYValueCount();
Boolean btf = component.isHighlighterBringSeriesToFront();
if (showMarker != null) cfgBuilder.entry("showMarker", showMarker);
if (location != null) cfgBuilder.entry("tooltipLocation", location.toString());
if (axes != null) cfgBuilder.entry("tooltipAxes", axes.toString());
if (formatString != null) cfgBuilder.entry("formatString", formatString);
if (yvals != null) cfgBuilder.entry("yvalues", yvals);
if (btf != null) cfgBuilder.entry("bringSeriesToFront", btf);
cfgBuilder.endMap();
}
}
private void encodeSeriesConfig(JSONBuilder cfg, Chart chart, ChartSeries defaults, List series) {
// If defined, add default series config
/* follow change done April 2014 as only use a default if one is defined. Options for Line and Bar
are too different to allow first series to define defaults. Previous implementation did not include
rendererOptions, so not that useful.
*/
if (defaults != null) {
cfg.entry("seriesDefaults", defaults.getConfigJSON(chart).toString(), true);
}
// If defined, add per-series config but don't bother encoding first series as its default.
cfg.beginArray("series");
ChartSeries.ChartType defaultType = null;
if (series != null) {
int i=0;
for (ChartSeries s : series) {
if (i==0 && s.getType() !=null){
defaultType = s.getType();
}
if ( s!=defaults && s.getType()==null){
//check to see if other series have type set
if ( defaults!=null && defaults.getType() !=null){
s.setType(defaults.getType());
}
/* if still null then set to first in series for backwards compatibility. */
else if ( defaults==null && defaultType!=null){
s.setType(defaultType);
}
else {
/* if still null then set to default type. */
s.setType(s.getDefaultType());
// log.warning("WARNING chart type should be set in either a default Series or each series");
}
}
if (s != defaults){
cfg.item(s.getConfigJSON(chart).toString(), false);
}
}
}
cfg.endArray();
}
private void encodeAxesConfig(JSONBuilder cfgBuilder, Chart component) {
Axis axesDefaults = component.getDefaultAxesConfig();
if (axesDefaults != null)
cfgBuilder.entry("axesDefaults", axesDefaults.toString(), true);
if (component.hasAxisConfig()) {
Axis xAxis = component.getXAxis();
Axis x2Axis = component.getX2Axis();
Axis[] yAxes = component.getYAxes();
cfgBuilder.beginMap("axes");
if (xAxis != null)
cfgBuilder.entry("xaxis", xAxis.toString(), true);
if (x2Axis != null)
cfgBuilder.entry("x2axis", x2Axis.toString(), true);
if (yAxes != null)
for (int i = 0; i < yAxes.length; i++)
cfgBuilder.entry(i == 0 ? "yaxis" : "y"+(i+1)+"axis", yAxes[i].toString(), true);
cfgBuilder.endMap();
}
}
private void encodeLegendConfig(JSONBuilder cfgBuilder, Chart component) {
Boolean legend = component.isLegend();
if (legend != null && legend) {
cfgBuilder.beginMap("legend");
cfgBuilder.entry("show", true);
Location pos = component.getLegendLocation();
LegendPlacement place = component.getLegendPlacement();
if (place != null) cfgBuilder.entry("placement", place.toString());
if (pos != null) cfgBuilder.entry("location", pos.toString());
cfgBuilder.endMap();
}
}
private void encodeChartContainer(FacesContext context, ResponseWriter writer, String clientId, Integer height, Integer width, String userStyle) throws IOException {
writer.startElement(HTML.DIV_ELEM, null);
writer.writeAttribute(HTML.ID_ATTR, clientId + "_chart", null);
String style = (userStyle != null) ? userStyle : "";
if (height != null) style += "height:"+height+"px; ";
if (width != null) style += "width:"+width+"px; ";
writer.writeAttribute(HTML.STYLE_ATTR, style, null);
writer.endElement(HTML.DIV_ELEM);
}
public boolean isAjaxClick(Chart component) {
if (component.getClientBehaviors().get("click") != null) return true;
return component.getSelectListener() != null;
}
}