React 뉴스

웹 애플리케이션에 드릴스루(drill-through) 차트를 추가하세요

2월 23, 2024
JavaScript 드릴스루(drill-through) 차트를 사용하면 사용자가 여러 데이터 계층을 쉽게 탐색하고 특정 데이터 포인트를 조정할 수 있습니다.

ActiveReportsJS is a reporting tool for web applications that allows developers and report authors to easily design and display reports within their applications. With a wide range of features, such as drill-down, runtime data filtering, and parameter-driven reports, as well as compatibility with popular frameworks, ActiveReportsJS simplifies the process of creating and managing reports.

In this blog post, MESCIUS Technical Engagement Engineer Joel Parks shows you how to utilize ActiveReportsJS to incoporate charts into your JavaScript report, and bind your chart data together through the use of parameterized drill-through navigation, allowing your users to easily traverse between them. Steps include:

  • Creating a report and binding a data source
  • Adding subreport parameters
  • Building line and stacked column charts
  • Setup drill-through navigation between reports
  • Loading the report into a JavaScript application

Read the complete blog now, and start adding drill-through chart functionality to your JavaScript report using ActiveReportsJS.

ActiveReportsJS is licensed on an annual subscription or perpetual basis and is available as a Single Deployment License for non-commercial use, and as a Single Domain License or Unlimited Domain License for commercial and/or SaaS use. See our ActiveReportsJS licensing page for full details.

For more information, visit our ActiveReportsJS product page.

React 스프레드시트 스파크라인으로 트렌드 강조 표시

2월 22, 2024
스프레드시트 셀 내에 컴팩트 차트를 삽입하여 필수적인 인사이트를 시각적으로 강조하고 데이터 해석을 간소화할 수 있습니다.

Sparklines are miniature charts embedded within the cells of a spreadsheet. Their compact size allows for dense visualizations, revealing trends and patterns in large datasets without sacrificing valuable screen space. Placed directly beside their corresponding data, they facilitate immediate comparisons and insights, enhancing understanding and communication. Their flexible nature allows for diverse chart types, from lines highlighting trends to columns showcasing comparisons, making them adaptable to various data presentations.

Here are some React spreadsheet controls that offer sparkline functionality:

  • SpreadJS by MESCIUS is a powerful JavaScript spreadsheet solution, with full support for React, offering dynamic sparkline charts for visualizing trends and data patterns efficiently.
  • Jspreadsheet Pro is an advanced data grid solution that offers sparkline charts to gain instant insights from trends, exceptions, and comparisons for concise data visualization.
  • Infragistics Spreadsheet React (part of Infragistics Ignite UI) allows you to render line, area, column, and winloss sparklines within cells, enhancing data analysis capabilities.

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

Compare React Spreadsheet Controls

JavaScript로 복잡한 3D 형상을 렌더링하세요

2월 16, 2024
꼭짓점 값을 사용하여 3D 개체를 생생하게 고성능으로 시각화하는 새로운 메시 모델 차트 유형이 LightningChart JS v5.1.0에 추가됩니다.

LightningChart JS is a high-performance JavaScript charting library that utilizes WebGL rendering and GPU acceleration to deliver exceptional performance for a wide range of data visualization needs. It is designed to handle large datasets and complex visualizations with ease, enabling developers to create interactive and visually appealing charts for various applications.

The LightningChart JS v5.1.0 release lets you unleash the power of complex visualizations with the new Mesh Model 3D chart type. Render intricate geometries and models with dynamic coloring pulled from a separate data set in real-time. The PaletteFill feature imbues 3D Mesh Models with vibrant colors based on vertex values, transforming your charts into captivating representations of even the most detailed 3D shapes.

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

LightningChart JS is licensed based on method of deployment with options including SaaS Developer Licenses, Application Developer Licenses, and Publisher Developer Licenses. Each license is perpetual and includes 1 year subscription for technical support and software updates. See our LightningChart JS licensing page for full details.

Learn more on our LightningChart JS product page.

DOCXF 템플릿을 사용하여 입력 가능한 PDF 양식 작성하기

2월 15, 2024
ONLYOFFICE Docs v8.0은 데스크탑 및 모바일 앱에서 온라인으로 작성할 수 있는 사용자 지정 양식을 통해 워크플로우를 간소화합니다.

ONLYOFFICE Docs is a comprehensive online editor, allowing users to create text documents, spreadsheets, presentations, and forms. It enables your users to edit, share, and collaborate on documents online in their preferred browser, within your own application. It's fully compatible with OOXML (Office Open XML) formats and supports popular Microsoft Office and other document formats such as CSV, DOC, DOCX, EPUB, HTML, ODP, ODS, ODT, PDF, PPT, PPTX, RTF, TXT, XLS, and XLSX.

The ONLYOFFICE Docs v8.0 update gives developers the ability to create complex, flexible forms with diverse field types and rich formatting options directly in familiar DOCXF templates. Collaborate seamlessly with colleagues and easily fill out forms from other applications, all within desktop and mobile apps. This major update caters to user feedback, promoting cross-platform compatibility and streamlined form integration for developers. Existing OFORM forms automatically convert to PDF upon opening in version 8.0.

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

ONLYOFFICE Docs is licensed by the number of simultaneous document connections and is available as an annual license with 1 year support and upgrades. See our ONLYOFFICE Docs licensing page for full details.

For more information, see our ONLYOFFICE Docs product page.

그리드 데이터로부터 눈길을 사로잡는 매력적인 인터페이스를 생성하세요

2월 13, 2024
데이터 탐색 및 편집을 위한 사용자 친화적인 인터페이스를 제공하는 새로운 그리드 카드 뷰 레이아웃이 Smart HTML Elements v18에 추가됩니다.

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 HTML Elements v18.0.0 release adds a new grid card view layout that leverages CSS grid to offer an adaptive container for presenting information in a visually appealing card format. Cards can be dynamically populated with text, images, and other multimedia elements, allowing for customization and adaptation to diverse content types. The responsive layout automatically adjusts to various screen sizes and device orientations, ensuring optimal card arrangement and user experience across platforms.

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

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. See our Smart HTML Elements licensing page for full details.

Learn more on our Smart HTML Elements product page.