Charts 뉴스

공간 효율적인 방식으로 데이터를 시각화하세요

4월 10, 2025
방사형 차트는 비교 데이터 또는 순환하는 데이터(cyclical data)를 표시하는 효과적인 방식으로, 일반적인 표시 방법을 매력적인 원형 비주얼로 변환합니다.

Radial charts provide an intuitive way to visualize hierarchical and categorical data. They display bars on a polar coordinate system instead of a cartesian system, which uses an x-y grid for positioning data. These charts represent values in a circular layout, making it ideal for comparing proportions and relationships between data points. Circular bar charts, a variation of the traditional bar chart, arrange data in a radial format for displaying comparisons between categories. They are particularly useful for visualizing periodic or cyclical data, such as time-based metrics. Sunburst charts break down hierarchical structures into concentric rings. The center of the chart typically represents the root category, while outer rings depict subcategories. These are used for visualizing part-to-whole relationships within a dataset.

Several React chart controls offer radial charts including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) enables developers to render concentric segments with gradient fills, animation effects, and interactive tooltips.
  • Highcharts Core by Highsoft enables the creation of radial bar charts facilitating the display of data in a circular layout with bars extending outward from the center.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) offers radial bar chart support enabling developers to build compact, circular metric displays.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) includes a radial bar chart type within its polar chart suite, optimized for performance and rendering quality.

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

Compare React Chart Controls

확장 가능한 요소로 차트 레이아웃을 최적화하세요

4월 4, 2025
최적의 뷰와 상호작용을 위해 동적으로 조정되는 반응형 차트를 통해 모든 디바이스에서 데이터 인사이트를 활용하세요.

Responsive behavior in chart controls refers to the automatic adjustment of a chart’s layout, dimensions, and visual elements to fit the screen size or container in which it is rendered. This functionality ensures that charts remain readable and usable across a wide range of devices, from desktops to tablets and smartphones, without requiring manual configuration for each format. The benefits include reduced development overhead, improved user experience, and consistent presentation of data regardless of platform. Common use cases include dashboards in web applications, analytics platforms, and mobile-first reporting tools, where users expect seamless interaction and clear data visualization across multiple device types.

Several JavaScript chart controls support responsive behavior, including:

  • DevExtreme Chart by DevExpress lets you create responsive charts that adapt to screen size, ensuring consistent readability and layout across all devices.
  • Highcharts Core by Highsoft intelligently adjusts chart elements, including labels and legends, to maintain readability and interactivity across all screen sizes and platforms.
  • Syncfusion JavaScript Chart offers fluid resizing capabilities, automatically optimizing the charts appearance for consistent data exploration on different displays.
  • AnyChart JS enables adaptive chart creation that scales and repositions elements to ensure clarity and usability across all devices and browsers.

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

Compare JavaScript Chart Controls

반응형 차트 컨트롤을 통해 상호작용을 개선하세요

3월 24, 2025
모든 장치에 맞게 조정되는 반응형 데이터 시각화를 생성하여 가독성을 최적화하고, 상호작용을 원활하게 개선하고, 데이터를 일관되게 표시하세요.

Responsive charts are dynamic data visualizations that automatically adjust to different screen sizes, resolutions, and devices, ensuring a seamless user experience across desktops, tablets, and mobile phones. By adapting elements such as labels, tooltips, legends, and axes, they enhance readability, improve accessibility, and maintain consistent data presentation. These charts optimize performance by efficiently rendering content and supporting interactive features like zooming, panning, and touch gestures. Developers use responsive charts in a wide range of applications, including financial reports, business intelligence dashboards, real-time monitoring systems, and interactive analytics tools, providing users with clear and accessible insights regardless of their device.

Several React charts offer responsive chart support, including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you build fully responsive, interactive charts with adaptive rendering for any device.
  • Highcharts Core by Highsoft provides feature-rich, responsive charts with real-time updates, advanced interactivity, and extensive customization for data-driven applications.
  • KendoReact Chart (part of KendoReact by Telerik) enables responsive, high-performance visualizations with adaptive layouts and built-in accessibility for modern web apps.
  • Ignite UI for React Chart (part of Infragistics Ignite UI) facilitates responsive, touch-friendly charts with high-speed rendering, rich interactivity, and flexible styling.

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

Compare React Chart Controls

정밀한 3D 렌더링으로 복잡한 데이터 세트를 탐색하세요

3월 14, 2025
대화형 표면 차트(interactive surface chart)에서 3D 데이터 시각화를 통해 보다 심층적인 정보와 패턴을 파악하면 정보에 기반하여 더 명확하게 분석할 수 있습니다.

Surface charts are 3D visualizations that show relationships between three numerical variables as a continuous surface. They help identify trends and optimal values, making them useful in science, engineering, and business. Common uses include topographical mapping, financial modeling, and performance analysis. For example, businesses can use surface charts to analyze how price and demand affect revenue, helping them find the best price point. By displaying data in three dimensions, surface charts reveal insights that may not be clear in 2D charts.

Several JavaScript chart controls offer support for Surface charts, including:

  • jChartFX Plus by Software FX lets you create interactive surface charts, enabling smooth 3D visualization for data analysis in business, finance, and engineering.
  • AnyChart JS allows you to generate customizable surface charts, helping visualize complex datasets with smooth shading, gradients, and real-time interactivity.
  • LightningChart JS facilitates ultra-fast surface chart rendering, ensuring high-performance 3D data visualization for scientific modeling, simulations, and financial analytics.
  • TeeChart JS by Steema Software provides powerful surface charting capabilities, allowing detailed 3D data exploration with multiple series, color gradients, and customization.

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

Compare JavaScript Chart Controls

차트에서 로캘(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.