TimeSeriesExample::TimeSeriesExample(Wt::WContainerWidget *parent): WContainerWidget(parent) { new WText(WString::tr("scatter plot"), this); WAbstractItemModel *model = readCsvFile( WApplication::appRoot() + "timeseries.csv", this); if (!model) return; /* * Parses the first column as dates, to be able to use a date scale */ for (int i = 0; i < model->rowCount(); ++i) { WString s = asString(model->data(i, 0)); WDate d = WDate::fromString(s, "dd/MM/yy"); model->setData(i, 0, d); } // Show a view that allows editing of the model. WContainerWidget *w = new WContainerWidget(this); WTableView *table = new WTableView(w); table->setMargin(10, Top | Bottom); table->setMargin(WLength::Auto, Left | Right); table->setModel(model); table->setSortingEnabled(false); // Does not make much sense for time series table->setColumnResizeEnabled(true); table->setSelectionMode(NoSelection); table->setAlternatingRowColors(true); table->setColumnAlignment(0, AlignCenter); table->setHeaderAlignment(0, AlignCenter); table->setRowHeight(22); // Editing does not really work without Ajax, it would require an // additional button somewhere to confirm the edited value. if (WApplication::instance()->environment().ajax()) { table->resize(800, 20 + 5*22); table->setEditTriggers(WAbstractItemView::SingleClicked); } else { table->resize(800, 20 + 5*22 + 25); table->setEditTriggers(WAbstractItemView::NoEditTrigger); } WItemDelegate *delegate = new WItemDelegate(this); delegate->setTextFormat("%.1f"); table->setItemDelegate(delegate); table->setItemDelegateForColumn(0, new WItemDelegate(this)); table->setColumnWidth(0, 80); for (int i = 1; i < model->columnCount(); ++i) table->setColumnWidth(i, 90); /* * Create the scatter plot. */ WCartesianChart *chart = new WCartesianChart(this); //chart->setPreferredMethod(WPaintedWidget::PngImage); //chart->setBackground(gray); chart->setModel(model); // set the model chart->setXSeriesColumn(0); // set the column that holds the X data chart->setLegendEnabled(true); // enable the legend chart->setType(ScatterPlot); // set type to ScatterPlot chart->axis(XAxis).setScale(DateScale); // set scale of X axis to DateScale // Automatically layout chart (space for axes, legend, ...) chart->setAutoLayoutEnabled(); /* * Add first two columns as line series */ for (int i = 1; i < 3; ++i) { WDataSeries s(i, LineSeries); s.setShadow(WShadow(3, 3, WColor(0, 0, 0, 127), 3)); chart->addSeries(s); } chart->resize(800, 400); // WPaintedWidget must be given explicit size chart->setMargin(10, Top | Bottom); // add margin vertically chart->setMargin(WLength::Auto, Left | Right); // center horizontally new ChartConfig(chart, this); }
PieExample::PieExample(WContainerWidget *parent): WContainerWidget(parent) { new WText(WString::tr("pie chart"), this); WStandardItemModel *model = new WStandardItemModel(this); model->setItemPrototype(new NumericItem()); //headers model->insertColumns(model->columnCount(), 2); model->setHeaderData(0, WString("Item")); model->setHeaderData(1, WString("Sales")); //data model->insertRows(model->rowCount(), 6); int row = 0; model->setData(row, 0, WString("Blueberry")); model->setData(row, 1, 120); // model->setData(row, 1, WString("Blueberry"), ToolTipRole); row++; model->setData(row, 0, WString("Cherry")); model->setData(row, 1, 30); row++; model->setData(row, 0, WString("Apple")); model->setData(row, 1, 260); row++; model->setData(row, 0, WString("Boston Cream")); model->setData(row, 1, 160); row++; model->setData(row, 0, WString("Other")); model->setData(row, 1, 40); row++; model->setData(row, 0, WString("Vanilla Cream")); model->setData(row, 1, 120); row++; //set all items to be editable and selectable for (int row = 0; row < model->rowCount(); ++row) for (int col = 0; col < model->columnCount(); ++col) model->item(row, col)->setFlags(ItemIsSelectable | ItemIsEditable); WContainerWidget *w = new WContainerWidget(this); WTableView* table = new WTableView(w); table->setMargin(10, Top | Bottom); table->setMargin(WLength::Auto, Left | Right); table->setSortingEnabled(true); table->setModel(model); table->setColumnWidth(1, 100); table->setRowHeight(22); if (WApplication::instance()->environment().ajax()) { table->resize(150 + 100 + 14, 20 + 6 * 22); table->setEditTriggers(WAbstractItemView::SingleClicked); } else { table->resize(150 + 100 + 14, WLength::Auto); table->setEditTriggers(WAbstractItemView::NoEditTrigger); } /* * Create the pie chart. */ WPieChart *chart = new WPieChart(this); chart->setModel(model); // set the model chart->setLabelsColumn(0); // set the column that holds the labels chart->setDataColumn(1); // set the column that holds the data // configure location and type of labels chart->setDisplayLabels(Outside | TextLabel | TextPercentage); // enable a 3D and shadow effect chart->setPerspectiveEnabled(true, 0.2); chart->setShadowEnabled(true); // explode the first item chart->setExplode(0, 0.3); chart->resize(800, 300); // WPaintedWidget must be given an explicit size chart->setMargin(10, Top | Bottom); // add margin vertically chart->setMargin(WLength::Auto, Left | Right); // center horizontally }
CategoryExample::CategoryExample(Wt::WContainerWidget *parent): WContainerWidget(parent) { new WText(WString::tr("category chart"), this); WAbstractItemModel *model = readCsvFile(WApplication::appRoot() + "category.csv", this); if (!model) return; // Show a view that allows editing of the model. WContainerWidget *w = new WContainerWidget(this); WTableView *table = new WTableView(w); table->setMargin(10, Top | Bottom); table->setMargin(WLength::Auto, Left | Right); table->setModel(model); table->setSortingEnabled(true); table->setColumnResizeEnabled(true); // table->setSelectionMode(ExtendedSelection); table->setAlternatingRowColors(true); table->setColumnAlignment(0, AlignCenter); table->setHeaderAlignment(0, AlignCenter); table->setRowHeight(22); // Editing does not really work without Ajax, it would require an // additional button somewhere to confirm the edited value. if (WApplication::instance()->environment().ajax()) { table->resize(600, 20 + 5*22); table->setEditTriggers(WAbstractItemView::SingleClicked); } else { table->resize(600, WLength::Auto); table->setEditTriggers(WAbstractItemView::NoEditTrigger); } // We use a single delegate for all items which rounds values to // the closest integer value. WItemDelegate *delegate = new WItemDelegate(this); delegate->setTextFormat("%.f"); table->setItemDelegate(delegate); table->setColumnWidth(0, 80); for (int i = 1; i < model->columnCount(); ++i) table->setColumnWidth(i, 120); /* * Create the category chart. */ WCartesianChart *chart = new WCartesianChart(this); // chart->setPreferredMethod(WPaintedWidget::PngImage); chart->setModel(model); // set the model chart->setXSeriesColumn(0); // set the column that holds the categories chart->setLegendEnabled(true); // enable the legend // Automatically layout chart (space for axes, legend, ...) chart->setAutoLayoutEnabled(true); /* * Add all (but first) column as bar series */ for (int i = 1; i < model->columnCount(); ++i) { WDataSeries s(i, BarSeries); s.setShadow(WShadow(3, 3, WColor(0, 0, 0, 127), 3)); chart->addSeries(s); } chart->resize(800, 400); chart->setMargin(10, Top | Bottom); chart->setMargin(WLength::Auto, Left | Right); /* * Provide a widget to manipulate chart properties */ new ChartConfig(chart, this); }