Examples with HighChartsDefaultTheme com.vaadin.addon.charts.themes.HighChartsDefaultTheme used on opensource projects

Example 1 with HighChartsDefaultTheme

use of com.vaadin.addon.charts.themes.HighChartsDefaultTheme in project charts by vaadin.

the class ChangingThemeAndLang method getChart.

@Override
protected Component getChart() {
    ChartOptions.get().setTheme(new HighChartsDefaultTheme());
    HorizontalLayout buttons = new HorizontalLayout();
    content.addComponent(buttons);
    Button vaadin = new Button("Vaadin", new ThemeChangeListener(VaadinTheme.class));
    vaadin.setId("vaadin-button");
    buttons.addComponent(vaadin);
    Button grid = new Button("Grid", new ThemeChangeListener(GridTheme.class));
    grid.setId("grid-button");
    buttons.addComponent(grid);
    Button skies = new Button("Skies", new ThemeChangeListener(SkiesTheme.class));
    skies.setId("skies-button");
    buttons.addComponent(skies);
    Button gray = new Button("Gray", new ThemeChangeListener(GrayTheme.class));
    gray.setId("gray-button");
    buttons.addComponent(gray);
    Button highchart = new Button("Highcharts", new ThemeChangeListener(HighChartsDefaultTheme.class));
    highchart.setId("hs-button");
    buttons.addComponent(highchart);
    chart = PercentageArea.createNewChart();
    chart.setWidth("100%");
    chart.setHeight("400px");
    return chart;
}

Example 2 with HighChartsDefaultTheme

use of com.vaadin.addon.charts.themes.HighChartsDefaultTheme in project charts by vaadin.

the class ChartsDemoUI method init.

@Override
protected void init(VaadinRequest request) {
    initGATracker();
    tabSheet = new TabSheet();
    tabSheet.addSelectedTabChangeListener(new TabSheet.SelectedTabChangeListener() {

        @Override
        public void selectedTabChange(TabSheet.SelectedTabChangeEvent event) {
            com.vaadin.ui.JavaScript.eval("setTimeout(function(){prettyPrint();},300);");
        }
    });
    tabSheet.setSizeFull();
    tabSheet.addStyleName(ValoTheme.TABSHEET_PADDED_TABBAR);
    Link homepage = new Link("Home Page", new ExternalResource("https://vaadin.com/components/vaadin-charts"));
    Link javadoc = new Link("JavaDoc", new ExternalResource("https://vaadin.com/api/com.vaadin/vaadin-charts/" + getVersion() + "/"));
    Link manual = new Link("Manual", new ExternalResource("https://vaadin.com/docs/v8/charts/charts-overview.html"));
    Link pricing = new Link("Pricing", new ExternalResource("https://vaadin.com/pricing"));
    Label version = new Label("Version " + getVersion());
    version.addStyleName("version");
    HorizontalLayout links = new HorizontalLayout(homepage, pricing, javadoc, manual);
    links.setSpacing(true);
    links.addStyleName("links");
    final HorizontalSplitPanel horizontalSplitPanel = new HorizontalSplitPanel();
    horizontalSplitPanel.setSecondComponent(tabSheet);
    horizontalSplitPanel.setSplitPosition(300, Unit.PIXELS);
    horizontalSplitPanel.addStyleName("main-layout");
    ChartOptions.get().setTheme(new ValoLightTheme());
    themeSelector = new ComboBox("Charts Theme:");
    themeSelector.addStyleName("theme-selector");
    themeSelector.addStyleName(ValoTheme.COMBOBOX_SMALL);
    themeSelector.setTextInputAllowed(false);
    com.vaadin.addon.charts.model.style.Theme defaultTheme = new ValoLightTheme();
    Map<com.vaadin.addon.charts.model.style.Theme, String> mapThemes = new HashMap<>();
    com.vaadin.addon.charts.model.style.Theme[] themes = new com.vaadin.addon.charts.model.style.Theme[] { defaultTheme, new ValoDarkTheme(), new VaadinTheme(), new HighChartsDefaultTheme(), new GridTheme(), new GrayTheme(), new SkiesTheme() };
    mapThemes.put(themes[0], "Valo Light");
    mapThemes.put(themes[1], "Valo Dark");
    mapThemes.put(themes[2], "Vaadin");
    mapThemes.put(themes[3], "HighCharts");
    mapThemes.put(themes[4], "Grid");
    mapThemes.put(themes[5], "Gray");
    mapThemes.put(themes[6], "Skies");
    themeSelector.setEmptySelectionAllowed(false);
    themeSelector.setItems(themes);
    themeSelector.setSelectedItem(defaultTheme);
    themeSelector.setItemCaptionGenerator(mapThemes::get);
    themeSelector.addSelectionListener(e -> {
        ChartOptions.get().setTheme(e.getValue());
    });
    final HierarchicalContainer container = getContainer();
    VerticalLayout content = new VerticalLayout();
    content.setSpacing(true);
    content.setMargin(false);
    Label logo = new Label("Vaadin Charts for Vaadin 8");
    logo.setWidth("100%");
    logo.addStyleName("h3");
    logo.addStyleName("logo");
    TextField filterField = new TextField();
    filterField.setPlaceholder("Filter examples");
    filterField.setIcon(FontAwesome.SEARCH);
    filterField.addStyleName("filter");
    filterField.setWidth("100%");
    filterField.addValueChangeListener(e -> {
        container.removeAllContainerFilters();
        String text = e.getValue();
        if (text != null && !text.isEmpty()) {
            expandForFiltering();
            container.addContainerFilter("searchName", text, true, false);
        } else {
            restoreExpandedStates();
        }
    });
    tree = new Tree();
    tree.setImmediate(true);
    tree.setContainerDataSource(container);
    tree.setItemCaptionPropertyId("displayName");
    tree.setNullSelectionAllowed(false);
    tree.setWidth("100%");
    tree.addValueChangeListener(new Property.ValueChangeListener() {

        @Override
        public void valueChange(Property.ValueChangeEvent event) {
            Object value = event.getProperty().getValue();
            if (value instanceof Class) {
                updateTabSheet((Class) value);
            } else {
                tree.expandItemsRecursively(value);
            }
        }
    });
    Button trial = new Button("Start Free Trial");
    trial.addStyleName(ValoTheme.BUTTON_PRIMARY);
    trial.addStyleName(ValoTheme.BUTTON_TINY);
    trial.addClickListener(e -> {
        getUI().getPage().open("https://vaadin.com/trial", "_blank");
    });
    content.addComponents(logo, links, trial, filterField, tree, version);
    content.setComponentAlignment(trial, Alignment.MIDDLE_CENTER);
    horizontalSplitPanel.setFirstComponent(content);
    selectItem();
    Page.getCurrent().addUriFragmentChangedListener(new Page.UriFragmentChangedListener() {

        @Override
        public void uriFragmentChanged(Page.UriFragmentChangedEvent event) {
            selectItem();
        }
    });
    setContent(new CssLayout() {

        {
            setSizeFull();
            addComponent(horizontalSplitPanel);
            addComponent(themeSelector);
        }
    });
    if (tracker != null) {
        tracker.trackPageview("/charts");
    }
}

Example 3 with HighChartsDefaultTheme

use of com.vaadin.addon.charts.themes.HighChartsDefaultTheme in project charts by vaadin.

the class ChangingThemes method getChart.

@Override
protected Component getChart() {
    ChartOptions.get().setTheme(new HighChartsDefaultTheme());
    HorizontalLayout buttons = new HorizontalLayout();
    buttons.setSpacing(false);
    content.addComponent(buttons);
    Button vaadin = new Button("Vaadin", new ThemeChangeListener(VaadinTheme.class));
    vaadin.setId("vaadin-button");
    buttons.addComponent(vaadin);
    Button grid = new Button("Grid", new ThemeChangeListener(GridTheme.class));
    grid.setId("grid-button");
    buttons.addComponent(grid);
    Button skies = new Button("Skies", new ThemeChangeListener(SkiesTheme.class));
    skies.setId("skies-button");
    buttons.addComponent(skies);
    Button gray = new Button("Gray", new ThemeChangeListener(GrayTheme.class));
    gray.setId("gray-button");
    buttons.addComponent(gray);
    Button highchart = new Button("Highcharts", new ThemeChangeListener(HighChartsDefaultTheme.class));
    highchart.setId("hs-button");
    buttons.addComponent(highchart);
    Button vaadinLight = new Button("Valo Light", new ThemeChangeListener(ValoLightTheme.class));
    vaadinLight.setId("vl-button");
    buttons.addComponent(vaadinLight);
    Button vaadinDark = new Button("Valo Dark", new ThemeChangeListener(ValoDarkTheme.class));
    vaadinDark.setId("vd-button");
    buttons.addComponent(vaadinDark);
    chart = PercentageArea.createNewChart();
    chart.setWidth("100%");
    chart.setHeight("400px");
    return chart;
}