We continue the series of articles about visualization and data analytics. In the previous articles, we wrote about downloading and installing the report designer and how to connect data in a report. Also, you get an idea of what a dashboard is and what it is intended for. We gave you some basic information about the Table element and learned how to create a dashboard with it. Today, we’re going to tell you about the Chart element.

Chart

The chart is a graphical element used for visualization and data analysis. Using it, you can display data with linear segments and various geometric shapes that allow you to evaluate the correlation of several values quickly. There are many chart types in Stimulsoft report designer:

The Chart element in dashboards

Each of them has its visual data representation. A chart is a customizable element that can be edited and modified using the Chart editor and Properties panel. First, we will tell you about the chart editor.

Chart editor

The Chart element in dashboards
The Chart editor is used to set up and customize graphs. Using it you can:

  • select chart type;
  • select data columns (data can be specified both from data sources and manually);
  • change an expression of a selected data field.

Basic fields for placing data columns in a chart – Values, Arguments, and Series.

However, other fields may be in the editor, depending on the chart. For example, you should specify data in the following fields for financial charts - high and low, open and close values. For Bubbles – x, y, and weight values.

Also, the editor contains an option that allows you to display graphical chart elements as icons. You should know that the editor has a wide range of icons grouped into various categories - transport, payments, brand, medical, etc.




So, we considered some features of the chart editor. Now let’s have a look at other elements that are placed and customized in the properties panel.

Chart legend

The Chart legend is a list of data elements names displayed in a chart with a corresponding color for each. This element is enabled automatically after specifying data columns in the Series field.

The chart legend is the list of countries at the top left.Available for the legend:

  • alignment horizontally and vertically;
  • customization of data elements headers;
  • enter and edit of text;
  • font and color selection;
  • arrangement of columns;
  • changing direction;
  • disable.

Trend line

The Trend line is an element of technical analysis to identify trends in prices, losses, and profits of a company, the company, the number of sales, etc. In a chart, you can customize a type of trend line, its color, style, and width.

Constant line

Constant in Latin means permanent, unchanging. In a chart, the above element is a constant, unchanging line, using which you can track, for example, the dynamics of your company's sales by month, and also see in which month your profits fell and in which they increased.

You can read about how to create a dashboard with the Chart element in our documentation.
Next time you’ll learn about features of the Gauge element. If you have any questions about the chart or creating a dashboard with it, please contact us. We’re glad to assist you.
Today we’re announcing an important change in the work of products for creating reports and Stimulsoft data analytics for JavaScript.

Starting from the next version – 2022.3 – Reports.JS and Dashboards.JS products are transiting a new language standard – ECMAScript 2017. Now we’re going to tell you about this new feature in detail.

A bit of history

Before telling you about the peculiarities of the work of our products under the new standard, let's take a brief look at the history of the issue. ECMA International is an IT standardization organization. This way, ECMAScript is a standard for scripting languages, the most popular implementation of which is JavaScript. The first such standard appeared in 1997, having received an ordinal number 1 - ECMAScript1 or simply ES1. Recently, the standard has been updated annually, and instead of a serial number, it gets the year of release to the name, for example, ES2020.

Advantages of using ECMAScript 2017

The key reason for the transition of Stimulsoft products for JavaScript to a newer version of the standard is the native implementation of the Async/Await construct in ES2017. Asynchronous functions improve not only the design and readability of the code but, more importantly, significantly speed up the execution of the necessary operations. This is due to implementing asynchronous functions directly inside the engine, which avoids transpilation operations into another construct.

Also, the transition to the ES2017 standard reduces the number of conversions when transpiling the code into older versions of the language standard, which reduces the volume of the resulting code and makes it faster.

We tested the work of the report generator under the new version, and according to their result, the rendering of a multipage report increased by more than 25%, which makes the work of Stimulsoft products more effective.

Transition of Stimulsoft products to ES2017

For the past few years, Stimulsoft Reports.JS and Dashboards.JS products have been using the ECMAScript 2015 or ES6 standard. In the next version, 2022.3, the transition to the ES2017 standard will occur.

Here’s a table of compatibility of the ECMAScript standard with versions of popular browsers:

chrome safari firefox opera edge explorer
ES5 23 6 21 15 12 9
ES2015 (ES6) 51 10 52 38 12 11
ES2017 (ES8) 55 11 54 42 15 -


Thus, the ECMAScript 2017 standard has been supported by basic browsers for more than five years. The transition of our products to the new version of the standard will not influence the work of your projects.

New features in ES2017 remove barriers to our product development and allow us to keep up with the times.
If you have any questions, please contact us.
We have recently told you about new QR code customization features in reports that allow you to change its design. In this article, we’d like to remind you about another feature – embedding an image into a QR code.

What image can be embedded

Embedding an image into a QR code is a great opportunity to give it a unique look. For example, you can use your company's logo or logos of products. An image is supported in any format, for example, .png, .jpg, .svg. The maximum recommended size is 5MB.


How do I embed an image

To embed an image into a QR code, you should use the Image property in the Bar Code settings. You just need to select an image.


Change image size

To change image size, you should use the Image Multiple Factor property. If you specify 1 value, an image will be displayed at its original size. Decreasing this factor makes an image smaller, and increasing it makes it larger. However, you should remember that increasing a bitmap image can lead to a deterioration of its quality. Note

An image shouldn't cover more than 20% of the QR Code area, provided that the highest error correction level is used. Otherwise, data reading problems may occur.
Embedding an image into a QR-code

Error Correction Level

In cases of an incorrect reading, you can recover data by increasing the error correction level. There are four levels of error correction, from low to high. The correction level for a QR code can be defined by the Error Correction Level property of the same name. By default, the first (lowest) correction level is used.
If you have any questions, please contact us.
Today, in this article, we’re going to tell you about the new features of the Publish wizard. Let us remind you that this tool allows you to integrate Stimulsoft components into a user application. Using the Publish Wizard, you can define a platform and an action to be performed in a report and many other settings. In version 2022.2, we have added new features, but first things first.

New features for JS

In the new version, we have added the ability to select a new type of the React + TypeScript project when publishing a report for the JavaScript platform. When publishing a report to a JavaScript and Node.js project, now you can enable data adapters for certain types of sources in a report. Besides, the support of all versions of the popular Angular framework has been added, including the current ones - 10, 11, 12, and 13.

New features of the Publish wizard

.NET 6.0 in the Publish wizard

Microsoft will end support for the .NET 5.0 framework very soon, and we’re gradually preparing a solution for you. We have already reported on the work of our components under the .NET 6.0 framework in this note. Now, we have updated the Publish Wizard, and you can specify a version of the .NET 6.0 framework for a project. This option is available on the following platforms: ASP.NET MVC, Winforms, WPF, and Blazor in the Publish Wizard.

New features of the Publish wizard

Other features of the Publish wizard

In addition to the above, in the current release, we have added the functionality to use a rendered report (.mdc file) instead of a report template (.mrt file) for projects with the Show or Export options enabled. To do this, you should check the Use rendered report parameter. One more new feature concerns only export action. Now, you can display export settings for a selected platform in a project code.

We have considerably expanded the integration functionality of Stimulsoft components into applications by adding new frameworks (Angular, .NET 6.0), project types (React + TypeScript), and other options that add flexibility when using the Publish wizard.

New features of the Publish wizard

For a visual understanding of all of the above mentioned, we have prepared a video for you on our YouTube channel.

If you have any questions, please contact us.
In this article, we are going to tell you about ways of sorting months in dashboards. A variant of sorting depends on how data is specified.

There are two ways to display data about a particular month:
  • as its number;
  • as a string.

Display a month as its number

In this case, everything is quite simple. If a month is displayed by an ordinal number, the sorting by months is carried out using the Sort button in the right corner of a dashboard element. Ascending and descending sorting are available.

Note

To display the dateTime data type as a month number, you should use the Month() function.

Display a month as a string

If a month is displayed as a string when using the Sort button, data will be sorted alphabetically.


To sort months in calendar order, you should apply the monthIdent() function to. After applying the function, ascending and descending sorting will work in calendar order instead of alphabetical order, and the first month will be January.


If you want to sort months in calendar order, but you need to start the sorting of another month, you should apply the fiscalMonthIdent() function, in which a data column is specified as the first argument, and a month number as the second one, starting from which you should sort data.

Important to know

You can use monthIdent() and fiscalMonthIdent() functions for any elements of dashboards.

On our YouTube channel you will find a video that describes the process of sorting months in Stimulsoft report generator.

If you have any questions, please contact us.
By using this website, you agree to the use of cookies for analytics and personalized content. Cookies store useful information on your computer to help us improve efficiency and usability. For more information, please read the privacy policy and cookie policy.