/*******************************************************************************
* Copyright 2009, 2010 Lars Grammel
*
* 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.thechiselgroup.choosel.protovis.client;
import static org.thechiselgroup.choosel.protovis.client.PVAlignment.BOTTOM;
import static org.thechiselgroup.choosel.protovis.client.PVAlignment.LEFT;
import static org.thechiselgroup.choosel.protovis.client.PVInterpolationMethod.STEP_AFTER;
import org.thechiselgroup.choosel.protovis.client.jsutil.JsArgs;
import org.thechiselgroup.choosel.protovis.client.jsutil.JsArrayGeneric;
import org.thechiselgroup.choosel.protovis.client.jsutil.JsBooleanFunction;
import org.thechiselgroup.choosel.protovis.client.jsutil.JsDoubleFunction;
import org.thechiselgroup.choosel.protovis.client.jsutil.JsStringFunction;
import org.thechiselgroup.choosel.protovis.client.jsutil.JsUtils;
import com.google.gwt.user.client.ui.Widget;
/**
* Protovis/GWT implementation of <a
* href="http://vis.stanford.edu/protovis/ex/line.html">Protovis line chart
* example</a>.
*
* @author Lars Grammel
*/
public class LineChartExample extends ProtovisWidget implements ProtovisExample {
@Override
public Widget asWidget() {
return this;
}
private void createVisualization(JsArrayGeneric<Pair> data) {
/* Sizing and scales. */
int w = 400;
int h = 200;
final PVLinearScale x = PV.Scale.linear(data, new JsDoubleFunction() {
public double f(JsArgs args) {
Pair d = args.getObject(0);
return d.x;
}
}).range(0, w);
final PVLinearScale y = PV.Scale.linear(0, 4).range(0, h);
/* The root panel. */
PVPanel vis = getPVPanel().width(w).height(h).bottom(20).left(20)
.right(10).top(5);
/* X-axis ticks. */
vis.add(PV.Rule).data(x.ticks()).visible(new JsBooleanFunction() {
public boolean f(JsArgs args) {
double d = args.getDouble(0);
return d > 0;
}
}).left(x).strokeStyle("#eee").add(PV.Rule).bottom(-5).height(5)
.strokeStyle("#000").anchor(BOTTOM).add(PV.Label)
.text(x.tickFormat());
/* Y-axis ticks. */
vis.add(PV.Rule).data(y.ticks(5)).bottom(y)
.strokeStyle(new JsStringFunction() {
public String f(JsArgs args) {
double d = args.getDouble(0);
return d != 0 ? "#eee" : "#000";
}
}).anchor(LEFT).add(PV.Label).text(y.tickFormat());
/* The line. */
vis.add(PV.Line).data(data).interpolate(STEP_AFTER)
.left(new JsDoubleFunction() {
public double f(JsArgs args) {
Pair d = args.getObject(0);
return x.fd(d.x);
}
}).bottom(new JsDoubleFunction() {
public double f(JsArgs args) {
Pair d = args.getObject(0);
return y.fd(d.y);
}
}).lineWidth(3);
}
private JsArrayGeneric<Pair> generateData() {
JsArrayGeneric<Pair> data = JsUtils.createJsArrayGeneric();
for (int i = 0; i < 50; i++) {
double xValue = i / 5d;
data.push(new Pair(xValue, Math.sin(xValue) + Math.random() + 1.5));
}
return data;
}
@Override
public String getDescription() {
return null;
}
public String getProtovisExampleURL() {
return "http://vis.stanford.edu/protovis/ex/line.html";
}
public String getSourceCodeFile() {
return "LineChartExample.java";
}
protected void onAttach() {
super.onAttach();
initPVPanel();
createVisualization(generateData());
getPVPanel().render();
}
public String toString() {
return "Line Chart";
}
}