Example usage for com.google.gwt.visualization.client.visualizations.corechart ColumnChart ColumnChart

List of usage examples for com.google.gwt.visualization.client.visualizations.corechart ColumnChart ColumnChart

Introduction

In this page you can find the example usage for com.google.gwt.visualization.client.visualizations.corechart ColumnChart ColumnChart.

Prototype

public ColumnChart(AbstractDataTable data, Options options) 

Source Link

Usage

From source file:com.google.gwt.visualization.sample.visualizationshowcase.client.ColumnDemo.java

License:Apache License

public Widget getWidget() {
    VerticalPanel result = new VerticalPanel();
    Options options = CoreChart.createOptions();
    options.setHeight(240);/*  w ww. j a v a 2s.  c o  m*/
    options.setTitle("Company Performance");
    options.setWidth(400);

    AxisOptions vAxisOptions = AxisOptions.create();
    vAxisOptions.setMinValue(0);
    vAxisOptions.setMaxValue(2000);
    options.setVAxisOptions(vAxisOptions);

    DataTable data = Showcase.getCompanyPerformance();
    ColumnChart viz = new ColumnChart(data, options);

    Label status = new Label();
    Label onMouseOverAndOutStatus = new Label();
    viz.addSelectHandler(new SelectionDemo(viz, status));
    viz.addReadyHandler(new ReadyDemo(status));
    viz.addOnMouseOverHandler(new OnMouseOverDemo(onMouseOverAndOutStatus));
    viz.addOnMouseOutHandler(new OnMouseOutDemo(onMouseOverAndOutStatus));
    result.add(status);
    result.add(viz);
    result.add(onMouseOverAndOutStatus);
    return result;
}

From source file:com.jythonui.client.charts.CharContainer.java

License:Apache License

private CoreChart createChart(ListOfRows ro) {
    AbstractDataTable a = createTable(ro);
    Options o = createOptions();/*from   ww  w. j  a v  a2s . c  o m*/
    switch (fo.getChartType()) {
    case PIE:
        return new PieChart(a, o);
    case AREA:
        return new AreaChart(a, o);
    case BARS:
        return new BarChart(a, o);
    case LINE:
        return new LineChart(a, o);
    case SCATTER:
        return new ScatterChart(a, o);
    case COLUMNS:
        return new ColumnChart(a, o);
    }
    return null;
}

From source file:org.ow2.proactive_grid_cloud_portal.rm.client.RMStatsView.java

License:Open Source License

Canvas build() {
    VLayout root = new VLayout();
    root.setBackgroundColor("white");
    root.setPadding(5);// w ww. j ava 2  s. co m
    root.setWidth100();
    root.setHeight100();
    root.setOverflow(Overflow.AUTO);

    /**
     *  Node count/state history
     */
    final AbsolutePanel nodeLinePane = new AbsolutePanel();
    nodeLinePane.setWidth("100%");
    nodeLinePane.setHeight("150px");

    nodeLineOpts = Options.create();
    // no specified width : will fill available space on chart.draw()
    //nodeLineOpts.setWidth(400);
    HorizontalAxisOptions axisOpts = HorizontalAxisOptions.create();
    axisOpts.setMaxAlternation(1);
    axisOpts.setSlantedText(false);
    //axisOpts.setTitle("Time");
    nodeLineOpts.setHAxisOptions(axisOpts);
    nodeLineOpts.setHeight(150);
    nodeLineOpts.setLegend(LegendPosition.NONE);
    nodeLineOpts.setColors("#35a849", "#fcaf3e", "#ef2929", "#3a668d");

    nodeLineTable = DataTable.create();
    nodeLineTimeId = nodeLineTable.addColumn(ColumnType.STRING, "Time");
    nodeLineFreeId = nodeLineTable.addColumn(ColumnType.NUMBER, "Free");
    nodeLineBusyId = nodeLineTable.addColumn(ColumnType.NUMBER, "Busy");
    nodeLineDownId = nodeLineTable.addColumn(ColumnType.NUMBER, "Down");
    nodeLineTotalId = nodeLineTable.addColumn(ColumnType.NUMBER, "Total");

    nodeLineChart = new AreaChart(nodeLineTable, nodeLineOpts);
    nodeLinePane.add(nodeLineChart);

    nodeLineForm = new DynamicForm();
    final SelectItem nodeLineSelect = new SelectItem("nodeLineSelect", "");
    LinkedHashMap<String, String> nodeLineValues = new LinkedHashMap<String, String>();
    for (Range r : StatHistory.Range.values()) {
        nodeLineValues.put("" + r.getChar(), r.getString());
    }
    nodeLineSelect.setDefaultValue("" + Range.MINUTE_10.getChar());
    nodeLineSelect.setValueMap(nodeLineValues);
    nodeLineForm.setItems(nodeLineSelect);
    nodeLineForm.setHeight(24);
    nodeLineForm.setWidth(40);

    nodeLineSelect.addChangedHandler(new ChangedHandler() {
        @Override
        public void onChanged(ChangedEvent event) {
            nodeLineForm.setDisabled(true);
            nodeLineHeaderLabel.setIcon("loading.gif");
            nodeLineSeriesForm.setDisabled(true);

            Range r = Range.create(nodeLineSelect.getValueAsString().charAt(0));
            controller.setRuntimeRRDRange(r, "FreeNodesCount", "BusyNodesCount", "DownNodesCount",
                    "AvailableNodesCount");
        }
    });

    nodeLineHeaderLabel = new Label("<nobr style='font-size:1.4em;font-weight:bold;'>Nodes History<nobr>");
    nodeLineHeaderLabel.setHeight(24);

    Canvas filler = new Canvas();
    filler.setWidth100();

    HLayout nodeLineHeader = new HLayout();
    nodeLineHeader.setHeight(24);
    nodeLineHeader.setMembers(nodeLineHeaderLabel, filler, nodeLineForm);

    ChangedHandler seriesChanged = new ChangedHandler() {
        @Override
        public void onChanged(ChangedEvent event) {
            nodeLineSeriesForm.setDisabled(true);
            loadForm.setDisabled(true);
            loadHeaderLabel.setIcon("loading.gif");
            RMStatsView.this.statsUpdated(controller.getModel().getStatHistory());
        }
    };

    this.nodeLineSeriesForm = new DynamicForm();
    nodeLineSeriesForm.setHeight(24);
    nodeLineSeriesForm.setNumCols(8);
    nodeLineSeriesForm.setWidth(300);
    CheckboxItem freeIt = new CheckboxItem("free",
            "<span style='background:#35a849;'>&nbsp;&nbsp;&nbsp;</span> Free");
    freeIt.setValue(true);
    freeIt.addChangedHandler(seriesChanged);
    CheckboxItem busyIt = new CheckboxItem("busy",
            "<span style='background:#fcaf3e;'>&nbsp;&nbsp;&nbsp;</span> Busy");
    busyIt.setValue(true);
    busyIt.addChangedHandler(seriesChanged);
    CheckboxItem downIt = new CheckboxItem("down",
            "<span style='background:#ef2929;'>&nbsp;&nbsp;&nbsp;</span> Down");
    downIt.setValue(false);
    downIt.addChangedHandler(seriesChanged);
    CheckboxItem totalIt = new CheckboxItem("total",
            "<span style='background:#3a668d;'>&nbsp;&nbsp;&nbsp;</span> Total");
    totalIt.setValue(false);
    totalIt.addChangedHandler(seriesChanged);
    nodeLineSeriesForm.setItems(freeIt, busyIt, downIt, totalIt);

    /**
     * Instantaneous node state
     */
    final AbsolutePanel nodeColPane = new AbsolutePanel();
    nodeColPane.setWidth("100%");
    nodeColPane.setHeight("150px");

    this.nodeColOpts = Options.create();
    nodeColOpts.setHeight(150);
    nodeColOpts.setLegend(LegendPosition.NONE);
    HorizontalAxisOptions nodeColHaxis = HorizontalAxisOptions.create();
    //nodeColHaxis.setSlantedText(false);
    nodeColHaxis.setMaxAlternation(1);
    nodeColOpts.setHAxisOptions(nodeColHaxis);
    nodeColOpts.setIsStacked(true);
    nodeColOpts.setColors("#3a668d", "#35a849", "#fcaf3e", "#24c1ff", "#1e4ed7", "#ef2929", "#000000");
    //nodeColOpts.set("enableInteractivity", "false");

    nodeColTable = DataTable.create();
    nodeColTable.addColumn(ColumnType.STRING, "State");
    nodeColTable.addColumn(ColumnType.NUMBER, "Total");
    nodeColTable.addColumn(ColumnType.NUMBER, "Free");
    nodeColTable.addColumn(ColumnType.NUMBER, "Busy");
    nodeColTable.addColumn(ColumnType.NUMBER, "Deploying");
    nodeColTable.addColumn(ColumnType.NUMBER, "Configuring");
    nodeColTable.addColumn(ColumnType.NUMBER, "Down");
    nodeColTable.addColumn(ColumnType.NUMBER, "Lost");

    nodeColChart = new ColumnChart(nodeColTable, nodeColOpts);
    nodeColPane.add(nodeColChart);

    nodeColHeaderLabel = new Label("<nobr style='font-size:1.4em;font-weight:bold;'>Nodes State</nobr>");
    nodeColHeaderLabel.setHeight(24);

    /**
     * Activity graph
     */
    final AbsolutePanel loadPane = new AbsolutePanel();
    loadPane.setWidth("100%");
    loadPane.setHeight("150px");

    loadOpts = Options.create();
    loadOpts.setHeight(150);
    HorizontalAxisOptions loadAxis = HorizontalAxisOptions.create();
    loadAxis.setMaxAlternation(1);
    loadAxis.setSlantedText(false);
    loadOpts.setLegend(LegendPosition.NONE);
    loadOpts.setHAxisOptions(loadAxis);
    loadOpts.setColors("#fcaf3e");

    loadTable = DataTable.create();
    loadTimeId = loadTable.addColumn(ColumnType.STRING, "Time");
    loadValId = loadTable.addColumn(ColumnType.NUMBER, "Load");

    loadChart = new AreaChart(loadTable, loadOpts);
    loadPane.add(loadChart);

    loadForm = new DynamicForm();
    final SelectItem loadSelect = new SelectItem("loadSelect", "");
    LinkedHashMap<String, String> loadValues = new LinkedHashMap<String, String>();
    for (Range r : StatHistory.Range.values()) {
        loadValues.put("" + r.getChar(), r.getString());
    }
    loadSelect.setDefaultValue("" + Range.MINUTE_10.getChar());
    loadSelect.setValueMap(loadValues);
    loadForm.setItems(loadSelect);
    loadForm.setHeight(24);
    loadForm.setWidth(40);

    loadSelect.addChangedHandler(new ChangedHandler() {
        @Override
        public void onChanged(ChangedEvent event) {
            loadForm.setDisabled(true);
            loadHeaderLabel.setIcon("loading.gif");
            nodeLineSeriesForm.setDisabled(true);

            Range r = Range.create(loadSelect.getValueAsString().charAt(0));
            controller.setRuntimeRRDRange(r, "AverageActivity");
        }
    });

    loadHeaderLabel = new Label("<nobr style='font-size:1.4em;font-weight:bold;'>Load History<nobr>");
    loadHeaderLabel.setHeight(24);

    filler = new Canvas();
    filler.setWidth100();

    HLayout loadHeader = new HLayout();
    loadHeader.setHeight(24);
    loadHeader.setMembersMargin(20);
    loadHeader.setMembers(loadHeaderLabel, filler, loadForm);

    Canvas cc1 = new Canvas();
    cc1.setHeight(4);
    cc1.setBackgroundColor("#eee");
    Canvas cc2 = new Canvas();
    cc2.setHeight(4);
    cc2.setBackgroundColor("#eee");

    root.addMember(nodeColHeaderLabel);
    root.addMember(nodeColPane);
    root.addMember(cc1);
    root.addMember(nodeLineHeader);
    root.addMember(nodeLinePane);
    root.addMember(nodeLineSeriesForm);
    root.addMember(cc2);
    root.addMember(loadHeader);
    root.addMember(loadPane);

    return root;
}

From source file:org.ow2.proactive_grid_cloud_portal.scheduler.client.UsageView.java

License:Open Source License

private ColumnChart createDurationChart() {
    durationChartOptions = createChartOptions();
    durationChartOptions.setTitle("Total Duration in ms");

    durationData = DataTable.create();/*from   ww w  .j  a  v  a2 s . co  m*/
    durationData.addColumn(AbstractDataTable.ColumnType.STRING, "Label");
    durationData.addColumn(AbstractDataTable.ColumnType.NUMBER, "Duration");
    durationData.addColumn(AbstractDataTable.ColumnType.NUMBER, "Duration");

    durationChart = new ColumnChart(durationData, durationChartOptions);
    durationChart.setTitle("Duration");
    return durationChart;
}

From source file:org.ow2.proactive_grid_cloud_portal.scheduler.client.UsageView.java

License:Open Source License

private ColumnChart createCounterChart() {
    counterChartOptions = createChartOptions();
    counterChartOptions.setTitle("Execution count");

    counterData = DataTable.create();/*  ww w .  j a  va  2  s.co  m*/
    counterData.addColumn(AbstractDataTable.ColumnType.STRING, "Label");
    counterData.addColumn(AbstractDataTable.ColumnType.NUMBER, "Counter");
    counterData.addColumn(AbstractDataTable.ColumnType.NUMBER, "Counter");

    counterChart = new ColumnChart(counterData, counterChartOptions);
    counterChart.setTitle("Count");
    return counterChart;
}

From source file:org.sakaiproject.gradebook.gwt.client.gxt.view.panel.StatisticsChartPanel.java

License:Educational Community License

public StatisticsChartPanel(StatisticsChartLoaderListener statisticsChartLoaderListener,
        ChartIconPlacement chartIconPlacement, int dataAge) {

    this.statisticsChartLoaderListener = statisticsChartLoaderListener;

    // Loading visualization APIs
    VisualizationUtils.loadVisualizationApi(new VisualizationRunnable(), CoreChart.PACKAGE);

    this.i18n = Registry.get(AppConstants.I18N);
    this.i18nMessages = Registry.get(AppConstants.I18N_TEMPLATES);
    this.resources = Registry.get(AppConstants.RESOURCES);

    // Create the image icons
    columnChartIcon = new Image(resources.chart_bar());
    columnChartIcon.setStyleName(resources.css().statisticsChartIcon());
    pieChartIcon = new Image(resources.chart_pie());
    pieChartIcon.setStyleName(resources.css().statisticsChartIcon());
    lineChartIcon = new Image(resources.chart_line());
    lineChartIcon.setStyleName(resources.css().statisticsChartIcon());

    columnChartIcon.addClickHandler(new ClickHandler() {

        public void onClick(ClickEvent event) {
            graphPanelContainer.removeAll();
            // GRBK-897, we set the tilt on the chart if the number of items in the chart are above a certain value
            boolean tilt = dataTable.getNumberOfRows() > tiltAfterNumberOfRows;
            graphPanelContainer.add(new ColumnChart(dataTable, createColumnChartOptions(tilt)));
            graphPanelContainer.layout();
        }// w  w w  .  ja  va  2 s  .  c o m
    });

    lineChartIcon.addClickHandler(new ClickHandler() {

        public void onClick(ClickEvent event) {
            graphPanelContainer.removeAll();
            // GRBK-897, we set the tilt on the chart if the number of items in the chart are above a certain value
            boolean tilt = dataTable.getNumberOfRows() > tiltAfterNumberOfRows;
            graphPanelContainer.add(new LineChart(dataTable, createLineChartOptions(tilt)));
            graphPanelContainer.layout();
        }
    });

    pieChartIcon.addClickHandler(new ClickHandler() {

        public void onClick(ClickEvent event) {
            graphPanelContainer.removeAll();
            graphPanelContainer.add(new PieChart(dataTable, createPieChartOptions()));
            graphPanelContainer.layout();
        }
    });

    setFrame(true);
    setBodyBorder(true);

    if (AppConstants.CURRENT_STATISTICS_DATA != dataAge) {

        StringBuilder sb = new StringBuilder(i18n.statisticsChartTitle());
        sb.append(
                " <span style=\"color:black; background-color:#FDF5E6; font-weight:normal; float:right; border-radius:3px; padding:4px 5px;font-size:120%\">")
                .append(i18nMessages.statisticsDataAge(dataAge)).append("</span>");
        setHeading(sb.toString());
    } else {

        setHeading(i18n.statisticsChartTitle());
    }

    graphPanelContainer = new HorizontalPanel();

    /*
     * We allow to place the statistics' chart type icons either at the
     * bottom or on the right of the chart. The following switch statement
     * configures the containers accordingly
     */
    switch (chartIconPlacement) {

    case BOTTOM:
        chartIconPanelContainer = new HorizontalPanel();
        chartIconPanelContainer.setStyleName(resources.css().statisticsChartIconPanelContainer());
        add(graphPanelContainer);
        add(chartIconPanelContainer);
        break;
    case RIGHT:
        chartIconPanelContainer = new VerticalPanel();
        setLayout(new ColumnLayout());
        add(graphPanelContainer, new ColumnData(.95));
        add(chartIconPanelContainer, new ColumnData(0.05));
        break;
    default:

    }

    chartIconPanelContainer.add(columnChartIcon);
    chartIconPanelContainer.add(pieChartIcon);
    chartIconPanelContainer.add(lineChartIcon);

    layout();
}

From source file:org.sakaiproject.gradebook.gwt.client.gxt.view.panel.StatisticsChartPanel.java

License:Educational Community License

@Override
public void show() {

    // Before we instantiate a graph, we check
    // if the Visualization APIs have been loaded properly
    if (!isVisualizationApiLoaded) {

        Dispatcher.forwardEvent(GradebookEvents.Notification.getEventType(), new NotificationEvent(
                i18n.statisticsDataErrorTitle(), i18n.statisticsVisualizationErrorMsg(), true));
        hide();/*from w w w  .  j  ava  2s.  c  o m*/
        return;
    }

    if (null != dataTable) {

        super.show();
        graphPanelContainer.removeAll();
        boolean tilt = dataTable.getNumberOfRows() > tiltAfterNumberOfRows;
        graphPanelContainer.add(new ColumnChart(dataTable, createColumnChartOptions(tilt)));
        unmask();
        graphPanelContainer.layout();

    } else {

        Dispatcher.forwardEvent(GradebookEvents.Notification.getEventType(),
                new NotificationEvent(i18n.statisticsDataErrorTitle(), i18n.statisticsDataErrorMsg(), true));
    }
}