Angular 뉴스

차트에서 로캘(locale)을 인식하는 서식을 구현하세요

3월 10, 2025
Highcharts v12에서는 lang.locale이 추가되어 지역별 날짜 및 숫자 서식을 사용할 수 있으며, 브라우저의 언어가 별도로 지정되지 않은 경우 기본값으로 설정됩니다.

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.

기술 지표를 이용하여 예측을 개선하세요

3월 3, 2025
추세를 식별하고, 모멘텀을 측정하고, 변동성을 분석하고, 거래 타이밍을 최적화하는 고급 지표를 통해 재무 분석을 강화하세요.

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

확장 가능한 행 세부 정보를 사용하여 데이터 검색을 개선하세요

2월 26, 2025
ZingGrid 2.0.0을 사용하면 JavaScript 그리드 사용자가 메인 그리드 뷰를 복잡하게 만들거나 맥락을 잃지 않고도 추가적인 데이터를 표시할 수 있습니다.

ZingGrid is a JavaScript library that simplifies the creation of interactive data tables and grids within web applications. Utilizing modern web components and focusing on performance and responsiveness, ZingGrid allows developers to implement features like searching, filtering, pagination, and in-line editing with minimal coding. This empowers efficient data visualization and manipulation for users, making it a valuable tool for web development.

The ZingGrid 2.0.0 release adds new Row Details feature that enhances data presentation by allowing users to expand individual rows and reveal supplementary information. This functionality provides a clean and organized way to display additional data without cluttering the main grid view. Whether you are editing, filtering, searching, or sorting your data, the expanded/collapsed state of each row is intelligently preserved, even across pages. This allows users to maintain context and easily access detailed information without losing their place or having to re-expand rows after interacting with other grid functionalities.

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

ZingGrid is available as either a Single-Domain Website or Multi-Domain SaaS license. See our ZingGrid licensing page for full details.

For more information, visit our ZingGrid product page.

캐시된 셀 노드로 그리드 성능을 개선합니다

2월 25, 2025
Handsontable 15.1.0은 셀 노드를 재사용 및 캐시하여 불필요한 DOM 조작을 줄이고 테이블 렌더링 속도를 최대 40% 개선합니다.

Handsontable is a JavaScript library designed to help developers build interactive data grids into their web applications. Offering a familiar spreadsheet-like interface, it allows users to edit, sort, and filter data with ease. Highly customizable and compatible with popular frameworks like React and Angular, Handsontable empowers developers to build robust data manipulation features into their web applications.

The Handsontable 15.1.0 update enhances table rendering efficiency by reusing and caching cell nodes instead of creating them from scratch during each rendering cycle. This reduces unnecessary DOM manipulations, leading to faster updates, improved responsiveness, and smoother interactions, particularly when handling large datasets. By optimizing how cells are managed, this update minimizes performance bottlenecks, allowing applications to render complex tables more efficiently while maintaining a seamless user experience.

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

Handsontable is licensed per developer and is available as an Annual or Perpetual license with 1 year support and maintenance. See our Handsontable licensing page for full details.

For more information, visit our Handsontable product page.

데이터 포인트의 변화를 시각적으로 비교하세요

2월 24, 2025
Angular 애플리케이션에 범위 막대 차트(range bar chart)를 추가하면 값의 범위를 표시할 수 있어 가격과 같은 지표의 변화를 시각화하는 데 유용합니다.

Range bar charts provide a way to visualize data that includes both minimum and maximum values. The bars displayed represent a value range, spanning between the minimum and maximum levels, rather than a single point. This type of chart makes it easier for users to compare variations across different categories or time periods, detect anomalies, and identify trends. This makes them particularly useful for scenarios where understanding variations within a range is important, such as stock price fluctuations, project timelines, or performance metrics. Their structured layout improves readability, making them a valuable tool in financial analysis, scheduling, and business intelligence applications.

Several Angular charting components provide you with range bar charts, including:

  • DevExtreme Chart (part of DevExtreme by DevExpress) allows developers to incorporate range bar charts into their Angular applications to effectively display data distributions.
  • Highcharts Stock by Highsoft supports Angular and provides interactive range bar charts, ensuring a seamless user experience when visualizing fluctuating values over time.
  • Kendo UI for Angular Chart (part of Kendo UI by Telerik) includes responsive, customizable range bar charts, enabling the clear visualization of minimum and maximum values.
  • Ignite UI for Angular Chart (part of Infragistics Ignite UI) facilitates the creation of dynamic range bar charts, ideal for Angular apps requiring variable data range monitoring.

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

Compare Angular Chart Components