DevExtreme Angular - DevExtreme Modules Structure

DevExtreme modules have the following structure.

animation

A folder containing modules that expose animation features.

frame

Exposes methods for working with animation.

Exports:

  • requestAnimationFrame - The requestAnimationFrame method

    • require("animation/frame").requestAnimationFrame;
    • // ===== or =====
    • import { requestAnimationFrame } from "devextreme/animation/frame";
  • cancelAnimationFrame - The cancelAnimationFrame method

    • require("animation/frame").cancelAnimationFrame;
    • // ===== or =====
    • import { cancelAnimationFrame } from "devextreme/animation/frame";

fx

Exposes an object that serves as a namespace for the methods that are used to animate UI elements.

Exports:

  • default - The fx object

    • require("animation/fx");
    • // ===== or =====
    • import fx from "devextreme/animation/fx";

presets

Exposes a repository of animations.

Exports:

  • default - The animationPresets repository

    • require("animation/presets");
    • // ===== or =====
    • import animationPresets from "devextreme/animation/presets";

transition_executor

Exposes an object that serves as a namespace for the methods that are used to perform several specified animations at a time.

Exports:

  • default - The TransitionExecutor object

    • require("animation/transition_executor");
    • // ===== or =====
    • import TransitionExecutor from "devextreme/animation/transition_executor";

core

A folder containing core modules.

config

Exposes the global configuration object.

Exports:

  • default - The config() and config(config) methods

    • require("core/config");
    • // ===== or =====
    • import config from "devextreme/core/config";

devices

Exposes the object that defines the device on which the application is running.

Exports:

  • default - The device object

    • require("core/devices");
    • // ===== or =====
    • import devices from "devextreme/core/devices";

guid

Exposes an object used to generate and hold the GUID.

Exports:

  • default - The Guid object

    • require("core/guid");
    • // ===== or =====
    • import Guid from "devextreme/core/guid";

data

A folder containing modules used to provide data for widgets.

array_store

Exposes the ArrayStore data access interface.

Exports:

  • default - The ArrayStore data access interface

    • require("data/array_store");
    • // ===== or =====
    • import ArrayStore from "devextreme/data/array_store";

custom_store

Exposes the CustomStore data access interface.

Exports:

  • default - The CustomStore data access interface

    • require("data/custom_store");
    • // ===== or =====
    • import CustomStore from "devextreme/data/custom_store";

data_source

Exposes the DataSource object.

Exports:

  • default - The DataSource object

    • require("data/data_source");
    • // ===== or =====
    • import DataSource from "devextreme/data/data_source";

endpoint_selector

Exposes an object used to get URLs that vary in a locally running application and the application running on production..

Exports:

  • default - The EndpointSelector object

    • require("data/endpoint_selector");
    • // ===== or =====
    • import EndpointSelecror from "devextreme/data/endpoint_selector";

errors

Exposes errors and warnings that may occur when using the DevExtreme Data Library.

Exports:

  • errorHandler - The function called when the Store causes an error. Assign a function to perform a custom action.

    • require("data/errors").errorHandler = function(){
    • // Implement logic here
    • };

local_store

Exposes the LocalStore data access interface.

Exports:

  • default - The LocalStore data access interface

    • require("data/local_store");
    • // ===== or =====
    • import LocalStore from "devextreme/data/local_store";

odata

A folder containing modules exposing OData service.

context

Exposes the ODataContext data access interface.

Exports:

  • default - The ODataContext data access interface

    • require("data/odata/context");
    • // ===== or =====
    • import ODataContext from "devextreme/data/odata/context";

store

Exposes the ODataStore data access interface.

Exports:

  • default - The ODataStore data access interface

    • require("data/odata/store");
    • // ===== or =====
    • import ODataStore from "devextreme/data/odata/store";

utils

Exposes OData utility objects.

Exports:

  • EdmLiteral - The EdmLiteral object

    • require("data/odata/utils").EdmLiteral;
    • // ===== or =====
    • import { EdmLiteral } from "devextreme/data/odata/utils";
  • keyConverters - The odata.keyConverters object

    • require("data/odata/utils").keyConverters;
    • // ===== or =====
    • import { keyConverters } from "devextreme/data/odata/utils";

query

Exposes a data query interface object.

Exports:

  • default - The Query interface object.

    • require("data/query");
    • // ===== or =====
    • import Query from "devextreme/data/query";

utils

Exposes utility objects provided by the DevExtreme data layer.

Exports:

  • base64_encode - The base64_encode method.

    • require("data/utils").base64_encode;
    • // ===== or =====
    • import { base64_encode } from "devextreme/data/utils";

events

Exposes an object that serves as a namespace for methods used for working with UI events.

Exports:

  • off - The off method

    • require("events").off;
    • // ===== or =====
    • import { off } from "devextreme/events";
  • on - The on method

    • require("events").on;
    • // ===== or =====
    • import { on } from "devextreme/events";
  • one - The one method

    • require("events").one
    • // ===== or =====
    • import { one } from "devextreme/events";
  • trigger - The trigger method

    • require("events").trigger;
    • // ===== or =====
    • import { trigger } from "devextreme/events";

click

Exposes the dxclick event.

  • require("events/click");

contextmenu

Exposes the dxcontextmenu event.

  • require("events/contextmenu");

dblclick

Exposes the dxdblclick event.

  • require("events/dblclick");

drag

Exposes the dxdrag dxdragstart, dxdragend, dxdrop, dxdragenter, dxdragleave events.

  • require("events/drag");

hold

Exposes the dxhold event.

  • require("events/hold");

hover

Exposes the dxhoverend, dxhoverstart events.

  • require("events/hover");

remove

Exposes the dxremove event.

  • require("events/remove");

swipe

Exposes the dxswipe, dxswipeend, dxswipestart events.

  • require("events/swipe");

integration

A folder containing modules that expose integration features.

angular

The module that provides AngularJS integration.

  • require("integration/angular");

jquery

The module that provides jQuery integration.

  • require("integration/jquery");

knockout

The module that provides Knockout integration.

  • require("integration/knockout");

localization

A folder containing modules that expose localization features.

Besides the listed modules, this folder contains the "messages" folder that provides access to json files containing localized messages. You can use them in the following way.

  • var deMessages = require('devextreme/localization/messages/de.json');
  • // ===== or =====
  • import deMessages from "devextreme/localization/messages/de.json";

globalize

A folder that contains modules exposing Globalize integration features.

currency

The module required for custom currency formatting rather than USD.

  • require("/localization/globalize/currency");
  • // ===== or =====
  • import "devextreme/localization/globalize/currency";

date

The module required for custom date formatting.

  • require("/localization/globalize/date");
  • // ===== or =====
  • import "devextreme/localization/globalize/date";

message

The module required for using a custom message dictionary.

  • require("/localization/globalize/message");
  • // ===== or =====
  • import "devextreme/localization/globalize/message";

number

The module required for custom number formatting.

  • require("/localization/globalize/number");
  • // ===== or =====
  • import "devextreme/localization/globalize/number";

mobile

A folder containing modules that expose mobile utilities.

hide_top_overlay

Exposes the hideTopOverlay method.

Exports:

  • default - The hideTopOverlay method

    • require("mobile/hide_top_overlay");
    • // ===== or =====
    • import hideTopOverlay from "devextreme/mobile/hide_top_overlay";

init_mobile_viewport

Exposes the initMobileViewport method.

Exports:

  • default - The initMobileViewport method

    • require("mobile/init_mobile_viewport");
    • // ===== or =====
    • import initMobileViewport from "devextreme/mobile/init_mobile_viewport";

ui

A folder that contains modules exposing UI widgets.

accordion

Exposes the Accordion widget.

Exports:

  • default - The Accordion widget

    • require("ui/accordion");
    • // ===== or =====
    • import Accordion from "devextreme/ui/accordion";

action_sheet

Exposes the ActionSheet widget.

Exports:

  • default - The ActionSheet widget

    • require("ui/action_sheet");
    • // ===== or =====
    • import ActionSheet from "devextreme/ui/action_sheet";

autocomplete

Exposes the Autocomplete widget.

Exports:

  • default - The Autocomplete widget

    • require("ui/autocomplete");
    • // ===== or =====
    • import Autocomplete from "devextreme/ui/autocomplete";

box

Exposes the Box widget.

Exports:

  • default - The Box widget

    • require("ui/box");
    • // ===== or =====
    • import Box from "devextreme/ui/box";

button

Exposes the Button widget.

Exports:

  • default - The Button widget

    • require("ui/button");
    • // ===== or =====
    • import Button from "devextreme/ui/button";

button_group

Exposes the ButtonGroup widget.

Exports:

  • default - The ButtonGroup widget

    • require("ui/button_group");
    • // ===== or =====
    • import ButtonGroup from "devextreme/ui/button_group";

calendar

Exposes the Calendar widget.

Exports:

  • default - The Calendar widget

    • require("ui/calendar");
    • // ===== or =====
    • import Calendar from "devextreme/ui/calendar";

check_box

Exposes the CheckBox widget.

Exports:

  • default - The CheckBox widget

    • require("ui/check_box");
    • // ===== or =====
    • import CheckBox from "devextreme/ui/check_box";

color_box

Exposes the ColorBox widget.

Exports:

  • default - The ColorBox widget

    • require("ui/color_box");
    • // ===== or =====
    • import ColorBox from "devextreme/ui/color_box";

context_menu

Exposes the ContextMenu widget.

Exports:

  • default - The ContextMenu widget

    • require("ui/context_menu");
    • // ===== or =====
    • import ContextMenu from "devextreme/ui/context_menu";

data_grid

Exposes the DataGrid widget.

Exports:

  • default - The DataGrid widget

    • require("ui/data_grid");
    • // ===== or =====
    • import DataGrid from "devextreme/ui/data_grid"

date_box

Exposes the DateBox widget.

Exports:

  • default - The DateBox widget

    • require("ui/date_box");
    • // ===== or =====
    • import DateBox from "devextreme/ui/date_box";

defer_rendering

Exposes the DeferRendering widget.

Exports:

  • default - The DeferRendering widget

    • require("ui/defer_rendering");
    • // ===== or =====
    • import DeferRendering from "devextreme/ui/defer_rendering";

diagram

Exposes the Diagram widget.

Exports:

  • default - The Diagram widget

    • require("ui/diagram") ;
    • // ===== or =====
    • import Diagram from "devextreme/ui/diagram";

dialog

Exposes an object that serves as a namespace for methods displaying a message in an application/site.

Exports:

  • alert - The alert method

    • require("ui/dialog").alert;
    • // ===== or =====
    • import { alert } from "devextreme/ui/dialog";
  • confirm - The confirm method

    • require("ui/dialog").confirm;
    • // ===== or =====
    • import { confirm } from "devextreme/ui/dialog";
  • custom - The custom method

    • require("ui/dialog").custom;
    • // ===== or =====
    • import { custom } from "devextreme/ui/dialog";

drawer

Exposes the Drawer widget.

Exports:

  • default - The Drawer widget

    • require("ui/drawer");
    • // ===== or =====
    • import Drawer from "devextreme/ui/drawer";

drop_down_box

Exposes the DropDownBox widget.

Exports:

  • default - The DropDownBox widget

    • require("ui/drop_down_box");
    • // ===== or =====
    • import DropDownBox from "devextreme/ui/drop_down_box";

drop_down_button

Exposes the DropDownButton widget.

Exports:

  • default - The DropDownButton widget

    • require("ui/drop_down_button");
    • // ===== or =====
    • import DropDownButton from "devextreme/ui/drop_down_button";

file_manager

Exposes the FileManager widget.

Exports:

  • default - The FileManager widget

    • require("ui/file_manager");
    • // ===== or =====
    • import FileManager from "devextreme/ui/file_manager";

file_provider

Exposes file providers used in the FileManager widget.

ajax

Exposes the Ajax file provider.

Exports:

  • default - The Ajax file provider

    • require("ui/file_manager/file_provider/ajax");
    • // ===== or =====
    • import AjaxFileProvider from "devextreme/ui/file_manager/ajax";
array

Exposes the Array file provider.

Exports:

  • default - The Array file provider

    • require("ui/file_manager/file_provider/array");
    • // ===== or =====
    • import ArrayFileProvider from "devextreme/ui/file_manager/array";
onedrive

Exposes the OneDrive file provider.

Exports:

  • default - The OneDrive file provider

    • require("ui/file_manager/file_provider/onedrive");
    • // ===== or =====
    • import OneDriveFileProvider from "devextreme/ui/file_manager/onedrive";
webapi

Exposes the Web API file provider.

Exports:

  • default - The Web API file provider

    • require("ui/file_manager/file_provider/webapi");
    • // ===== or =====
    • import WebApiFileProvider from "devextreme/ui/file_manager/webapi";

file_uploader

Exposes the FileUploader widget.

Exports:

  • default - The FileUploader widget

    • require("ui/file_uploader");
    • // ===== or =====
    • import FileUploader from "devextreme/ui/file_uploader";

filter_builder

Exposes the FilterBuilder widget.

Exports:

  • default - The FilterBuilder widget

    • require("ui/filter_builder");
    • // ===== or =====
    • import FilterBuilder from "devextreme/ui/filter_builder";

form

Exposes the Form widget.

Exports:

  • default - The Form widget

    • require("ui/form");
    • // ===== or =====
    • import Form from "devextreme/ui/form";

gallery

Exposes the Gallery widget.

Exports:

  • default - The Gallery widget

    • require("ui/gallery");
    • // ===== or =====
    • import Gallery from "devextreme/ui/gallery";

html_editor

Exposes the HtmlEditor widget.

Exports:

  • default - The HtmlEditor widget

    • require("ui/html_editor");
    • // ===== or =====
    • import HtmlEditor from "devextreme/ui/html_editor";

list

Exposes the List widget.

Exports:

  • default - The List widget

    • require("ui/list");
    • // ===== or =====
    • import List from "devextreme/ui/list";

load_indicator

Exposes the LoadIndicator widget.

Exports:

  • default - The LoadIndicator widget

    • require("ui/load_indicator");
    • // ===== or =====
    • import LoadIndicator from "devextreme/ui/load_indicator";

load_panel

Exposes the LoadPanel widget.

Exports:

  • default - The LoadPanel widget

    • require("ui/load_panel");
    • // ===== or =====
    • import LoadPanel from "devextreme/ui/load_panel";

lookup

Exposes the Lookup widget.

Exports:

  • default - The Lookup widget

    • require("ui/lookup");
    • // ===== or =====
    • import Lookup from "devextreme/ui/lookup";

map

Exposes the Map widget.

Exports:

  • default - The Map widget

    • require("ui/map");
    • // ===== or =====
    • import Map from "devextreme/ui/map";

menu

Exposes the Menu widget.

Exports:

  • default - The Menu widget

    • require("ui/menu");
    • // ===== or =====
    • import Menu from "devextreme/ui/menu";

multi_view

Exposes the MultiView widget.

Exports:

  • default - The MultiView widget

    • require("ui/multi_view");
    • // ===== or =====
    • import MultiView from "devextreme/ui/multi_view";

nav_bar

Exposes the NavBar widget.

Exports:

  • default - The NavBar widget

    • require("ui/nav_bar");
    • // ===== or =====
    • import NavBar from "devextreme/ui/nav_bar";

notify

Exposes methods that create a toast message.

Exports:

number_box

Exposes the NumberBox widget.

Exports:

  • default - The NumberBox widget

    • require("ui/number_box");
    • // ===== or =====
    • import NumberBox from "devextreme/ui/number_box";

overlay

Exposes methods that work with overlay widgets.

Exports:

  • bazeZIndex - The baseZIndex(zIndex) method

    • require("ui/overlay").bazeZIndex;
    • // ===== or =====
    • import { bazeZIndex } from "devextreme/ui/overlay";

pivot_grid

Exposes the PivotGrid widget.

Exports:

  • default - The PivotGrid widget

    • require("ui/pivot_grid");
    • // ===== or =====
    • import PivotGrid from "devextreme/ui/pivot_grid";

data_source

Exposes an object that provides acess to data for the PivotGrid data.

Exports:

  • default - The PivotGridDataSource object

    • require("ui/pivot_grid/data_source");
    • // ===== or =====
    • import PivotGridDataSource from "devextreme/ui/pivot_grid/data_source";

xmla_store

Exposes the XmlaStore data access interface.

Exports:

  • default - The XmlaStore data access interface

    • require("ui/pivot_grid/xmla_store");
    • // ===== or =====
    • import XmlaStore from "devextreme/ui/pivot_grid/xmla_store";

pivot_grid_field_chooser

Exposes the PivotGridFieldChooser widget.

Exports:

  • default - The PivotGridFieldChooser widget

    • require("ui/pivot_grid_field_chooser");
    • // ===== or =====
    • import PivotGridFieldChooser from "devextreme/ui/pivot_grid_field_chooser";

popover

Exposes the Popover widget.

Exports:

  • default - The Popover widget

    • require("ui/popover");
    • // ===== or =====
    • import Popover from "devextreme/ui/popover";

popup

Exposes the Popup widget.

Exports:

  • default - The Popup widget

    • require("ui/popup");
    • // ===== or =====
    • import Popup from "devextreme/ui/popup";

progress_bar

Exposes the ProgressBar widget.

Exports:

  • default - The ProgressBar widget

    • require("ui/progress_bar");
    • // ===== or =====
    • import ProgressBar from "devextreme/ui/progress_bar";

radio_group

Exposes the RadioGroup widget.

Exports:

  • default - The RadioGroup widget

    • require("ui/radio_group");
    • // ===== or =====
    • import RadioGroup from "devextreme/ui/radio_group";

range_slider

Exposes the RangeSlider widget.

Exports:

  • default - The RangeSlider widget

    • require("ui/range_slider");
    • // ===== or =====
    • import RangeSlider from "devextreme/ui/range_slider";

recurrence_editor

Exposes the RecurrenceEditor widget.

Exports:

  • default - The RecurrenceEditor widget

    • require("ui/recurrence_editor");
    • // ===== or =====
    • import RecurrenceEditor from "devextreme/ui/recurrence_editor";

resizable

Exposes the Resizable widget.

Exports:

  • default - The Resizable widget

    • require("ui/resizable");
    • // ===== or =====
    • import Resizable from "devextreme/ui/resizable";

responsive_box

Exposes the ResponsiveBox widget.

Exports:

  • default - The ResponsiveBox widget

    • require("ui/responsive_box");
    • // ===== or =====
    • import ResponsiveBox from "devextreme/ui/responsive_box";

scheduler

Exposes the Scheduler widget.

Exports:

  • default - The Scheduler widget

    • require("ui/scheduler");
    • // ===== or =====
    • import Scheduler from "devextreme/ui/scheduler";

scroll_view

Exposes the ScrollView widget.

Exports:

  • default - The ScrollView widget

    • require("ui/scroll_view");
    • // ===== or =====
    • import ScrollView from "devextreme/ui/scroll_view";

select_box

Exposes the SelectBox widget.

Exports:

  • default - The SelectBox widget

    • require("ui/select_box");
    • // ===== or =====
    • import SelectBox from "devextreme/ui/select_box";

set_template_engine

Exposes methods that specify a template engine.

Exports:

slide_out

Exposes the SlideOut widget.

Exports:

  • default - The SlideOut widget

    • require("ui/slide_out");
    • // ===== or =====
    • import SlideOutView from "devextreme/ui/slide_out_view";

slide_out_view

Exposes the SlideOutView widget.

Exports:

  • default - The SlideOutView widget

    • require("ui/slide_out_view");
    • // ===== or =====
    • import SlideOut from "devextreme/ui/slide_out";

slider

Exposes the Slider widget.

Exports:

  • default - The Slider widget

    • require("ui/slider");
    • // ===== or =====
    • import Slider from "devextreme/ui/slider";

speed_dial_action

Exposes the SpeedDialAction widget.

Exports:

  • default - The SpeedDialAction widget

    • require("ui/speed_dial_action");
    • // ===== or =====
    • import SpeedDialAction from "devextreme/ui/speed_dial_action";

repaint_floating_action_button

Exposes the repaintFloatingActionButton method.

Exports:

  • default - The repaintFloatingActionButton method

    • require("ui/speed_dial_action/repaint_floating_action_button");
    • // ===== or =====
    • import repaintFloatingActionButton from "devextreme/ui/speed_dial_action/repaint_floating_action_button";

switch

Exposes the Switch widget.

Exports:

  • default - The Switch widget

    • require("ui/switch");
    • // ===== or =====
    • import Switch from "devextreme/ui/switch";

tab_panel

Exposes the TabPanel widget.

Exports:

  • default - The TabPanel widget

    • require("ui/tab_panel");
    • // ===== or =====
    • import TabPanel from "devextreme/ui/tab_panel";

tabs

Exposes the Tabs widget.

Exports:

  • default - The Tabs widget

    • require("ui/tabs");
    • // ===== or =====
    • import Tabs from "devextreme/ui/tabs";

tag_box

Exposes the TagBox widget.

Exports:

  • default - The TagBox widget

    • require("ui/tag_box");
    • // ===== or =====
    • import TagBox from "devextreme/ui/tag_box";

text_area

Exposes the TextArea widget.

Exports:

  • default - The TextArea widget

    • require("ui/text_area");
    • // ===== or =====
    • import TextArea from "devextreme/ui/text_area";

text_box

Exposes the TextBox widget.

Exports:

  • default - The TextBox widget

    • require("ui/text_box");
    • // ===== or =====
    • import TextBox from "devextreme/ui/text_box";

themes

Exposes an object that serves as a namespace for the methods that work with DevExtreme CSS Themes.

Exports:

  • current - The current() and current(themeName) methods

    • require("ui/themes").current;
    • // ===== or =====
    • import { current } from "devextreme/ui/themes";

tile_view

Exposes the TileView widget.

Exports:

  • default - The TileView widget

    • require("ui/tile_view");
    • // ===== or =====
    • import TileView from "devextreme/ui/tile_view";

toast

Exposes the Toast widget.

Exports:

  • default - The Toast widget

    • require("ui/toast");
    • // ===== or =====
    • import Toast from "devextreme/ui/toast";

toolbar

Exposes the Toolbar widget.

Exports:

  • default - The Toolbar widget

    • require("ui/toolbar");
    • // ===== or =====
    • import Toolbar from "devextreme/ui/toolbar";

tooltip

Exposes the Tooltip widget.

Exports:

  • default - The Tooltip widget

    • require("ui/tooltip");
    • // ===== or =====
    • import Tooltip from "devextreme/ui/tooltip";

tree_list

Exposes the TreeList widget.

Exports:

  • default - The TreeList widget

    • require("ui/tree_list");
    • // ===== or =====
    • import TreeList from "devextreme/ui/tree_list";

tree_view

Exposes the TreeView widget.

Exports:

  • default - The TreeView widget

    • require("ui/tree_view");
    • // ===== or =====
    • import TreeView from "devextreme/ui/tree_view";

validation_engine

Exposes an object that serves as a namespace for the methods required to perform validation.

Exports:

  • default - The validationEngine object

    • require("ui/validation_engine");
    • // ===== or =====
    • import validationEngine from "devextreme/ui/validation_engine";

validation_group

Exposes the ValidationGroup widget.

Exports:

  • default - The ValidationGroup widget

    • require("ui/validation_group");
    • // ===== or =====
    • import ValidationGroup from "devextreme/ui/validation_group";

validation_summary

Exposes the ValidationSummary widget.

Exports:

  • default - The ValidationSummary widget

    • require("ui/validation_summary");
    • // ===== or =====
    • import ValidationSummary from "devextreme/ui/validation_summary";

validator

Exposes the Validator widget.

Exports:

  • default - The Validator widget

    • require("ui/validator");
    • // ===== or =====
    • import Validator from "devextreme/ui/validator";

viz

A folder containing modules that expose data visualization widgets.

bar_gauge

Exposes the BarGauge widget.

Exports:

  • default - The BarGauge widget

    • require("viz/bar_gauge");
    • // ===== or =====
    • import BarGauge from "devextreme/viz/bar_gauge";

bullet

Exposes the Bullet widget.

Exports:

  • default - The Bullet widget

    • require("viz/bullet");
    • // ===== or =====
    • import Bullet from "devextreme/viz/bullet";

chart

Exposes the Chart widget.

Exports:

  • default - The Chart widget

    • require("viz/chart");
    • // ===== or =====
    • import Chart from "devextreme/viz/chart";

circular_gauge

Exposes the CircularGauge widget.

Exports:

  • default - The CircularGauge widget

    • require("viz/circular_gauge");
    • // ===== or =====
    • import CircularGauge from "devextreme/viz/circular_gauge";

export

Exposes export-related methods.

Exports:

funnel

Exposes the Funnel widget.

Exports:

  • default - The Funnel widget

    • require("viz/funnel");
    • // ===== or =====
    • import Funnel from "devextreme/viz/funnel";

linear_gauge

Exposes the LinearGauge widget.

Exports:

  • default - The LinearGauge widget

    • require("viz/linear_gauge");
    • // ===== or =====
    • import LinearGauge from "devextreme/viz/linear_gauge";

palette

Exposes methods that control palettes.

Exports:

  • currentPalette - The currentPalette(paletteName) method

    • require("viz/palette").currentPalette;
    • // ===== or =====
    • import { currentPalette } from "devextreme/viz/palette";
  • getPalette - The getPalette(paletteName) method

    • require("viz/palette").getPalette;
    • // ===== or =====
    • import { getPalette } from "devextreme/viz/palette;
  • registerPalette - The registerPalette(paletteName, palette) method

    • require("viz/palette").registerPalette;
    • // ===== or =====
    • import { registerPalette } from "devextreme/viz/palette";

pie_chart

Exposes the PieChart widget.

Exports:

  • default - The PieChart widget

    • require("viz/pie_chart");
    • // ===== or =====
    • import PieChart from "devextreme/viz/pie_chart";

polar_chart

Exposes the PolarChart widget.

Exports:

  • default - The PolarChart widget

    • require("viz/polar_chart");
    • // ===== or =====
    • import PolarChart from "devextreme/viz/polar_chart"

range_selector

Exposes the RangeSelector widget.

Exports:

  • default - The RangeSelector widget

    • require("viz/range_selector");
    • // ===== or =====
    • import RangeSelector from "devextreme/viz/range_selector";

sankey

Exposes the Sankey widget.

Exports:

  • default - The Sankey widget

    • require("viz/sankey");
    • // ===== or =====
    • import Sankey from "devextreme/viz/sankey";

sparkline

Exposes the Sparkline widget.

Exports:

  • default - The Sparkline widget

    • require("viz/sparkline");
    • // ===== or =====
    • import Sparkline from "devextreme/viz/sparkline";

themes

Exposes methods that control themes.

Exports:

tree_map

Exposes the TreeMap widget.

Exports:

  • default - The TreeMap widget

    • require("viz/tree_map");
    • // ===== or =====
    • import TreeMap from "devextreme/viz/tree_map";

utils

Exposes utility methods.

Exports:

  • refreshPaths - The refreshPaths() method

    • require("viz/utils").refreshPaths;
    • // ===== or =====
    • import { refreshPaths } from "devextreme/viz/utils";

vector_map

Exposes the VectorMap widget.

Exports:

  • default - The VectorMap widget

    • require("viz/vector_map");
    • // ===== or =====
    • import VectorMap from "devextreme/viz/vector_map";

projection

Exposes methods of the DevExpress.viz.map object.

Exports:

  • projection - The projection method

    • require("viz/vector_map/projection").projection;
    • // ===== or =====
    • import { projection } from "devextreme/viz/vector_map/projection";

utils

Exposes the common utility objects.

Exports:

  • compileGetter - The compileGetter method

    • require("utils").compileGetter;
    • // ===== or =====
    • import { compileGetter } from "devextreme/utils";
  • compileSetter - The compileSetter method

    • require("utils").compileSetter;
    • // ===== or =====
    • import { compileSetter } from "devextreme/utils";