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);
}