← Back

Grid SparklineRenderer Flow

SprarklineRenderer is an add-on renderer for Grid (Flow).

Author

Rating

Popularity

<100

This add-on can be used to add a column with spark lines to Flow Grid. See demo for examples of the features.

Basic use

public class SparklineRendererDemoView extends DemoView {
    
private void basicDemo() {
//... 
    Grid<Song> grid = new Grid<>();
        grid.addColumn(Song::getName).setHeader("Name").setSortable(true);
        grid.addColumn(Song::getArtist).setHeader("Artist").setSortable(true);
        grid.setItems(createListOfOneSongs());
        // add a column with SparklineRenderer to Grid
        grid.addColumn(new SparklineRenderer<>(this::createSparklineValues,  song -> new SparklineConfiguration())).setHeader("Daily listeners");
//...
}

private SparklineValues createSparklineValues(Song song) {
    // convert existing time series data to a SparklineValues object
    return new SparklineValues(song.getDailyListeners().getMeasurements().stream().map(measurement -> new SparklineValues.SparklineValue(measurement.getInstant(), measurement.getValue())).collect(Collectors.toList()));
}
}

License & Author

This Add-on is distributed under Apache 2.0

Component Factory Sparkline Renderer is written by Vaadin Ltd.

Compatibility

(Loading compatibility data...)

Was this helpful? Need more help?
Leave a comment or a question below. You can also join the chat on Discord or ask questions on StackOverflow.

Version

Update the component to Vaadin 14.
Change the license to Apache 2.0
[Breaking change] Change the package to com.vaadin.componentfactory

Released: 2020-12-11
Maturity: BETA
License: Apache License 2.0

Compatibility

Framework: Vaadin 14; Vaadin 13+ in 1.0.5
Browser: Firefox; Safari; Google Chrome; iOS Browser; Android Browser; Internet Explorer; Microsoft Edge

Grid SparklineRenderer Flow - Vaadin Add-on Directory

SprarklineRenderer is an add-on renderer for Grid (Flow).

This add-on can be used to add a column with spark lines to Flow Grid. See [demo](https://incubator.app.fi/sparkline-renderer-demo/sparkline-renderer) for examples of the features. #### Basic use ```java public class SparklineRendererDemoView extends DemoView { private void basicDemo() { //... Grid grid = new Grid<>(); grid.addColumn(Song::getName).setHeader("Name").setSortable(true); grid.addColumn(Song::getArtist).setHeader("Artist").setSortable(true); grid.setItems(createListOfOneSongs()); // add a column with SparklineRenderer to Grid grid.addColumn(new SparklineRenderer<>(this::createSparklineValues, song -> new SparklineConfiguration())).setHeader("Daily listeners"); //... } private SparklineValues createSparklineValues(Song song) { // convert existing time series data to a SparklineValues object return new SparklineValues(song.getDailyListeners().getMeasurements().stream().map(measurement -> new SparklineValues.SparklineValue(measurement.getInstant(), measurement.getValue())).collect(Collectors.toList())); } } ``` ## License & Author This Add-on is distributed under Apache 2.0 Component Factory Sparkline Renderer is written by Vaadin Ltd. ### Sponsored development Major pieces of development of this add-on has been sponsored by multiple customers of Vaadin. Read more about Expert on Demand at: [Support](https://vaadin.com/support) and [Pricing](https://vaadin.com/pricing)

Online Demo

Grid SparklineRenderer Flow version 1.0.0
Initial release

Grid SparklineRenderer Flow version 1.0.2
New rendering mode PNG, you can now choose whether the resulting sparkline is rendered as PNG or SVG.

Grid SparklineRenderer Flow version 1.0.5
Better fix to y-axis range issue

Grid SparklineRenderer Flow version 2.0.0
* Update the component to Vaadin 14. * Change the license to Apache 2.0 * [Breaking change] Change the package to com.vaadin.componentfactory

Directory