Nouvelles JavaScript / HTML5

Mettez en œuvre dans vos graphiques un format adapté aux paramètres régionaux

Mars 10, 2025
Highcharts v12 propose lang.locale pour activer la mise en forme régionale des dates et des nombres, en utilisant par défaut la langue du navigateur si aucune n'est définie.

Highcharts is a JavaScript charting framework that allows web developers and data analysts to generate dynamic, visually appealing charts and graphs for websites and web applications. It can display a variety of chart types, including line, spline, area, column, bar, pie, scatter, and many more. Highcharts is well-known for its ease of use, rich documentation, and ability to handle huge datasets efficiently. Features include responsive design, accessibility support, and cross-browser compatibility. Its customization capabilities allow users to create bespoke data visualizations that increase engagement and provide insightful data presentations.

Highcharts v12 introduces the lang.locale option, enabling locale-aware formatting for dates and numbers in charts. This option allows you to define the locale for all charts on a page or set it individually per chart. If no locale is specified, the chart automatically defaults to the page’s or browser’s language settings. Utilizing the browser’s Intl object, lang.locale ensures that dates and numbers are formatted correctly, not only replacing elements like month and weekday names but also structuring entire date expressions according to the selected locale. For instance, American English (en-US) formats a date as January 1, 2025, while British English (en-GB) displays it as 1 January 2025.

To see a full list of what's new in v12, see our release notes.

Highcharts Core is licensed on an annual or perpetual basis, OEM licenses, and Advantage Renewals. It is licensed per Developer and has several license options including Internal, SaaS, SaaS+, and Self Hosted. See our Highcharts Core licensing page for full details.

Learn more on our Highcharts Core product page.

Personnalisez les plannings avec des thèmes et des mises en page

Mars 7, 2025
Optimisez l’efficacité grâce à une planification intelligente avec des ajustements en temps réel et des options personnalisées qui s’adaptent à chaque workflows distinct.

Scheduling controls enable users to efficiently manage tasks, appointments, and resource allocation through an intuitive and interactive interface. It provides essential features like real-time updates, automated scheduling, and conflict detection, ensuring seamless coordination across teams and workflows. Personalized scheduling options allow users to tailor views, set preferences, and automate recurring events, enhancing both productivity and user experience. By integrating with backend systems and APIs, scheduling tools support dynamic data handling, making them ideal for applications such as workforce management, appointment booking and project planning, in industries like healthcare, finance, and customer service.

Several React User Interface suites offer scheduling controls including:

  • DevExtreme Complete by DevExpress lets you build interactive scheduling solutions with drag-and-drop appointments, resource management, and real-time updates.
  • KendoReact by Telerik allows you to create dynamic, customizable scheduling experiences with intuitive UI components, timezone support, and event handling.
  • jQWidgets provides a powerful scheduling framework, featuring flexible time slots, appointment management, and responsive design for modern web applications.
  • Syncfusion Essential Studio Enterprise facilitates advanced scheduling with robust data binding, recurring events, and personalized views for efficient task management.

For an in-depth analysis of features and price, visit our React UI suites comparison.

Compare React UI Suites

Améliorez les prévisions grâce à des indicateurs techniques

Mars 3, 2025
Améliorez l’analyse financière avec des indicateurs avancés qui identifient les tendances, mesurent le momentum, analysent la volatilité et optimisent le timing des transactions.

Indicators in a financial chart are mathematical formulas applied to market data, such as price and volume, to generate insights into trends, momentum, volatility, and trade opportunities. Indicators are visualized as lines, histograms, or overlays on the chart, providing dynamic analysis rather than static points. Moving averages track price trends with smooth lines, while oscillators like RSI appear as separate graphs to measure momentum. These tools help traders analyze patterns, confirm price movements, and support decision-making. For software developers, integrating indicators enhances data visualization, enables algorithmic trading strategies, and improves user experience by delivering clear, actionable insights.

Several Angular charting components provide support for indicators within financial charts, including:

  • Highcharts Stock by Highsoft lets you visualize financial indicators with dynamic charts, including trendlines, moving averages, and technical overlays.
  • Ignite UI for Angular Chart (part of Infragistics Ignite UI) enables real-time market analysis with built-in financial indicators, enhancing data-driven insights and decision-making.
  • Syncfusion JavaScript Chart (part of Syncfusion Essential Studio Enterprise) supports financial indicators for interactive analysis of trends, momentum, and volatility.
  • AnyStock JS by AnyChart facilitates advanced financial charting with a wide range of indicators, helping users analyze market trends and price movements efficiently.

For an in-depth analysis of features and price, visit our Angular chart components comparison.

Compare Angular Chart Components

Optimisez la saisie de données avec des types de cellules de grille polyvalents

Février 28, 2025
Configurez facilement les composants de grille pour afficher et modifier les données de manière plus intuitive à l’aide de types de cellules spécialisés, tels que des cases à cocher ou des listes déroulantes.

Cell types in Grid components are specialized configurations that define how data is displayed, edited, and interacted with within a grid or table structure. They allow developers to tailor the presentation and functionality of each cell to better match the type of data it contains. By specifying cell types such as text, numeric, date/time, and more, Grid components can provide intuitive controls and formatting automatically, streamlining data entry and reducing errors.

Common features include:

  • Button cells let users trigger actions directly within the grid, such as saving or deleting.
  • Checkbox cells provide aan intuitive way to select multiple items or toggle options.
  • Date/Time cells feature calendar pickers or time selectors to minimize entry errors.
  • Dropdown/List cells restrict user input to predefined options, ensuring data consistency.
  • Hyperlink cells enable navigation to resources or external links without leaving the grid.
  • Image cells support thumbnail previews, enhancing visual representation of content.
  • Numeric cells enforce number-only input, often with built-in validation.
  • Text/String cells are versatile for general data, supporting long or multiline input.

For an in-depth analysis of features and price, visit our jQuery grid components comparison.

Explore jQuery Grid Cell Types

Améliorez les performances des applications avec les fonctionnalités React 19

Février 28, 2025
Smart UI v22.0.0 prend en charge de React 19, améliorant la concurrence, les composants de serveur et le rendu pour des applications plus rapides et plus efficaces.

Smart UI by Smart HTML Elements is an enterprise-grade UI library offering pre-built web components for developers in Angular, React, Vue, Blazor, and JavaScript. It boasts over 60 ready-to-use components like grids, charts, schedulers, and editors, all featuring two-way data binding, responsiveness, accessibility, and theming capabilities. This library helps developers rapidly build dynamic and modern web applications with consistent look-and-feel and rich functionalities, accelerating development time and ensuring professional quality.

The Smart UI v22.0.0 release adds full support for React 19, bringing several advantages to developers. React 19 introduces features such as enhanced concurrent rendering, server components, and improved hooks, which collectively enhance performance and streamline development processes. By integrating these capabilities, Smart UI ensures that its components are optimized for the latest React advancements, providing a more efficient and responsive user experience. This update allows developers to leverage React 19's improvements seamlessly within Smart UI's comprehensive suite of components, facilitating the creation of modern, high-performance web applications.

To see a full list of what's new in v22.0.0, see our release notes.

Smart UI (Smart HTML Elements) is licensed per developer and is available as a perpetual license with 1 year support and maintenance. It includes distribution to unlimited Web applications, SaaS projects, Intranets and Websites. Team, OEM and Enterprise licensing options are also available. See our Smart UI licensing page for full details.

Learn more on our Smart UI product page.