A filtragem de dados é essencial ao trabalhar com informações. É difícil imaginar ferramentas analíticas sem tal opção. Na maioria das vezes, filtros e classificação são usados para: acessar dados rapidamente; tornar dados mais fáceis de usar; edição facilitada de dados; estruturação da informação. Você precisa usar a ferramenta Measure para trabalhar com filtros no FastCube VCL. Depois de clicar com o botão esquerdo do mouse, você verá a seguinte janela: Aqui você pode controlar os dados exibidos usando os botões na parte inferior.  - exibe todas measures (medidas);  - remove todas measures (medidas);  - inverte a ordem dos dados exibidos e não exibidos;  - move a measure (medida) um nível para cima;  - move a measure (medida) um nível abaixo;  - aplica alterações. As capturas de tela abaixo mostram como usar os botões para mover as colunas para cima e para baixo na lista funcionam. Também é possível aplicar a filtragem através do menu measures (medidas. Para fazer isso, clique com o botão direito do mouse no item que deseja filtrar e selecione “Filtrar este item” ou “Filtrar todos os outros itens”. O item que você precisa será filtrado. Agora vamos criar um filtro por condição. Clique com o botão direito do mouse em um dos itens da lista de campos e selecione “criar um filtro personalizado”. O filtro personalizado pode ser configurado no editor de intervalo. Pode incluir vários itens, como no exemplo abaixo. Você precisa clicar no botão do editor de medidas para filtrar os itens de agregação por indicador. Esta captura de tela mostra a janela “geral”, onde a filtragem será aplicada apenas para um item agregado. Neste caso, será o item “soma”. Agora você já conhece as opções de filtragem e classificação disponíveis no ambiente analítico FastCube VCL.

A filtragem de dados é essencial ao trabalhar com informações. É difícil imaginar ferramentas analíticas sem tal opção. Na maioria das vezes, filtros e classificação são usados para: acessar dados rapidamente; tornar dados mais fáceis de usar; edição facilitada de dados; estruturação da informação. Você precisa usar a ferramenta Measure para trabalhar com filtros no FastCube VCL. Depois de clicar com o botão esquerdo do mouse, você verá a seguinte janela: Aqui você pode controlar os dados exibidos usando os botões na parte inferior.  - exibe todas measures (medidas);  - remove todas measures (medidas);  - inverte a ordem dos dados exibidos e não exibidos;  - move a measure (medida) um nível para cima;  - move a measure (medida) um nível abaixo;  - aplica alterações. As capturas de tela abaixo mostram como usar os botões para mover as colunas para cima e para baixo na lista funcionam. Também é possível aplicar a filtragem através do menu measures (medidas. Para fazer isso, clique com o botão direito do mouse no item que deseja filtrar e selecione “Filtrar este item” ou “Filtrar todos os outros itens”. O item que você precisa será filtrado. Agora vamos criar um filtro por condição. Clique com o botão direito do mouse em um dos itens da lista de campos e selecione “criar um filtro personalizado”. O filtro personalizado pode ser configurado no editor de intervalo. Pode incluir vários itens, como no exemplo abaixo. Você precisa clicar no botão do editor de medidas para filtrar os itens de agregação por indicador. Esta captura de tela mostra a janela “geral”, onde a filtragem será aplicada apenas para um item agregado. Neste caso, será o item “soma”. Agora você já conhece as opções de filtragem e classificação disponíveis no ambiente analítico FastCube VCL.

UPD: Applies to the versions of FastCube .NET before 2022.1. License packages are now available on our NuGet server. The ReactJs library has become widespread in the web development of single-page applications. Previously we have covered how to display reports and the online report designer in React SPA application. Now it is possible to display cubes and slices of data from FastCube.Core on a web page. Let's consider how to do this. To create an ASP .NET Core app with a React frontend part, you can use a template in the .NET SDK. Run in the command line: dotnet new react -o MyReactApp This command will create a demo application that we can use to display the cube. Of course, for this, you must have the .NET Core SDK installed. In addition, the application will require Node.js. Go to the directory of the created application: cd MyReactApp and install javascript packages using the command: npm install Let's start working with the created web application. First, let’s install the FastCube packages. Open the Nuget package manager. In the upper right corner of the window, you will see a gear icon, which opens the settings of package sources. Click on it and add a new package source - a folder with our FastCube packages, which are located in the C:\Program Files (x86)\FastReports\FastCube.Net Professional\Nuget folder. Select the added package source in the drop-down list and install the packages: We connect FastCube in the Startup.cs file, add the code in the Configure () method: app.UseFastCube(); Our application already contains WeatherForecastController. Let's add our web method to it: [HttpGet("[action]")] public IActionResult ShowCube() { Cube cube = new Cube(); Slice slice = new Slice() { Cube = cube }; FilterManager filterManager = new FilterManager() { Cube = cube }; WebGrid grid; grid = new WebSliceGrid() { Slice = slice };   ViewBag.WebGrid = grid;   cube.SourceType = SourceType.File; cube.Load(Path.Combine("C:\\Users\\FR\\Downloads\\fastcube-net-master\\Demos\\Data\\", "Cubes", "calculated_measures.mdc")); return View(); } The Cube and Slice objects are related because, in fact, the slice is part of the cube. A WebGrid object is used to display an interactive crosstab. It can display both a WebCubeGrid slice and a WebSliceGrid cube. In our example, we loaded the cube that we previously created in the FastCube .NET desktop version. Pay attention to the class from which the controller inherits. It should be Controller, not BaseController. Now let's create a view for this method. This can be done by right-clicking on the ShowCube method signature. The view will contain a single line of the code: @await ViewBag.WebGrid.Render() Now let's move on to SPA application, which is located in the ClientApp folder. We need to add our component to the src->components folder. It will display the iframe with the view we created above. Add the Cube.js file with the following code: import React, { Component } from 'react'; export class Cube extends Component { static getCube() { return { __html: '<iframe width="1000" height="1000" src="weatherforecast/ShowCube" />' }; } render() { return ( < div dangerouslySetInnerHTML={Cube.getCube()} /> ); } } Everything is easy here. We display iframe that refers to a method in the controller. Now you need to add the component to the App.js application structure: import React, { Component } from 'react'; import { Route } from 'react-router'; import { Layout } from './components/Layout'; import { Home } from './components/Home'; import { FetchData } from './components/FetchData'; import { Counter } from './components/Counter'; import { Cube } from './components/Cube';   import './custom.css'   export default class App extends Component { static displayName = App.name;   render () { return ( <Layout> <Route exact path='/' component={Home} /> <Route path='/counter' component={Counter} /> <Route path='/fetch-data' component={FetchData} /> <Route path='/cube' component={Cube} /> </Layout> ); } } In addition, you need to add a new menu item in the NavMenu.js file: import React, { Component } from 'react'; import { Collapse, Container, Navbar, NavbarBrand, NavbarToggler, NavItem, NavLink } from 'reactstrap'; import { Link } from 'react-router-dom'; import './NavMenu.css';   export class NavMenu extends Component { static displayName = NavMenu.name;   constructor (props) { super(props);   this.toggleNavbar = this.toggleNavbar.bind(this); this.state = { collapsed: true }; }   toggleNavbar () { this.setState({ collapsed: !this.state.collapsed }); }   render () { return ( <header> <Navbar className="navbar-expand-sm navbar-toggleable-sm ng-white border-bottom box-shadow mb-3" light> <Container> <NavbarBrand tag={Link} to="/">FastCubeReact</NavbarBrand> <NavbarToggler onClick={this.toggleNavbar} className="mr-2" /> <Collapse className="d-sm-inline-flex flex-sm-row-reverse" isOpen={!this.state.collapsed} navbar> <ul className="navbar-nav flex-grow"> <NavItem> <NavLink tag={Link} className="text-dark" to="/">Home</NavLink> </NavItem> <NavItem> <NavLink tag={Link} className="text-dark" to="/counter">Counter</NavLink> </NavItem> <NavItem> <NavLink tag={Link} className="text-dark" to="/fetch-data">Fetch data</NavLink> </NavItem> <NavItem> <NavLink tag={Link} className="text-dark" to="/cube">Cube</NavLink> </NavItem> </ul> </Collapse> </Container> </Navbar> </header> ); } }   The application is ready. Let's run it: Thus, you can display your web cube using FastCube.NET in a React SPA application.