Vue.js 뉴스

스마트한 재렌더링을 통한 셀 업데이트 최적화

3월 13, 2024
이제 Handsontable 14.2.0에서 메모이제이션(memoization)을 사용하여 셀 편집 또는 스크롤 동작과 같은 사용자 상호작용 후 불필요한 재렌더링을 방지합니다.

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.

Handsontable 14.2.0 improves cell re-rendering using the React wrapper. The wrapper now uses memoization to optimize performance during user interactions like cell editing or scrolling in the grid, allowing the wrapper to remember the previous state and only update the elements that have actually changed. This smarter approach results in a smoother and more stable experience in your Handsontable apps, especially for complex custom cell types.

To see a full list of what's new in version 14.2.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.

웹 애플리케이션에 드릴스루(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.

HTML로 변환하여 보고서의 접근성을 높이세요

2월 20, 2024
보고서를 HTML 형식으로 내보내면 보고서가 열람하기 편리한 웹 페이지로 변환되어 웹 브라우저를 사용하는 모든 사용자가 확인할 수 있습니다.

Being able to export to HTML is a valuable feature of a reporting application. Exporting reports to HTML files involves converting data visualizations and analytical summaries from a native format into web-friendly HTML pages. This allows for wider accessibility, sharing, and potentially embedding reports within websites. Static reports are transformed into interactive documents easily viewable on any device with a web browser. This format is ideal for sharing reports with collaborators, posting them online, or simply ensuring they remain accessible even if the original software becomes unavailable.

These Vue.js report components allow you to export reports to HTML files:

  • DevExpress Reporting offers seamless export to HTML, preserving report layout, formatting, and interactivity for web distribution.
  • Stimulsoft Reports.JS enables efficient HTML export, ensuring report fidelity and cross-browser compatibility for web deployment.
  • ActiveReportsJS provides robust HTML export capabilities, faithfully reproducing reports in web environments with interactive features intact.

For an in-depth analysis of features and price, visit our comparison of Vue.js Reporting components.

Compare Vue.js Reporting components

개념 간의 계층적 관계 묘사

2월 20, 2024
피라미드 차트를 사용하면 복잡한 계층적 관계를 시각화하고 전체적인 추세를 명확하고 간결하게 전달할 수 있습니다.

Pyramid charts, also known as triangle diagrams, utilize a triangular shape segmented into horizontal sections, each representing a level in a hierarchy, process, or simple dataset. Their strength lies in visually depicting hierarchical relationships, emphasizing the relative importance or size of each level through varying widths. The easily understood layout makes them ideal for communicating clear, singular data points in fields like sales funnels, population structures, and educational concepts.

Several Vue.js chart controls offer pyramid charts including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) lets you visualize complex hierarchies with intuitive pyramid charts, ideal for presentations and reports.
  • Highcharts Core allows you to craft interactive pyramid charts to showcase hierarchical structures and process flows in a user-friendly format.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) enables you to leverage pyramid charts to effectively communicate hierarchical relationships and sequential progressions.
  • Syncfusion JavaScript Chart (part of Syncfusion Essential Studio Enterprise) offers pyramid charts to depict hierarchical data and process flows within your apps.

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

Compare Vue.js Chart 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.