High-Charts Add-on for Vaadin 7+

Java style configurator javascript library highcharts

View larger

Close

View larger

Close

View larger

Close

Java style configurator highcharts JS library

Sample code

            LineConfig<String, Integer> config = new LineConfig<>();
            config.title().text("График с датами типа 'String'")
                    .and()
                    .subtitle().text("Статические данные")
                    .and()
                    .yAxis().title().text("Количество ($)")
                    .and()
                    .and()
                    .xAxis().title().text("Даты").align(AlignAxis.HIGH)
                    .and()
                    .categories(
                            "01-02-2017 00:00", "02-02-2017 00:00", "03-02-2017 10:00",
                            "04-02-2017 00:00", "05-02-2017 00:00", "03-02-2017 00:00");
            config.addSeries().name("График №1").color(255, 0, 0).data(10, 20, 60, 1, 50, 45);
            config.addSeries().name("График №2").color(0, 255, 0).data(7, 6, 1, 4, 1, 8);

            HighChart chartDate = new HighChart(config);

LineConfig<String, Integer> config = new LineConfig<>();
            config.title().text("График с датами типа 'String'");
            config.subtitle().text("Статические данные");
            config.yAxis().title().text("Количество ($)");
            config.xAxis().title().text("Даты").align(AlignAxis.HIGH);
            config.xAxis().categories(Arrays.asList(
                            "01-02-2017 00:00", "02-02-2017 00:00", "03-02-2017 10:00",
                            "04-02-2017 00:00", "05-02-2017 00:00", "03-02-2017 00:00"));
            config.addSeries().name("График №1").color(255, 0, 0).data(10, 20, 60, 1, 50, 45);
            config.addSeries().name("График №2").color(0, 255, 0).data(7, 6, 1, 4, 1, 8);

            HighChart chartDate = new HighChart(config);
            chartDate.setWidth(100, Unit.PERCENTAGE);
            chartDate.setHeight(30, Unit.EM);
            addTab(chartDate, "StringDate2 Y constant");

Links

• Online Demo
• Issue Tracker
• Source Code
• Highcharts JS site

Compatibility