Neuigkeiten zu Vue.js

Optimieren der Zellenaktualisierungen mit intelligentem Re-Rendering

März 13, 2024
Handsontable 14.2.0 verwendet jetzt Memoization, um unnötiges Re-Rendering nach Benutzerinteraktionen wie Zellenbearbeitung oder Scrollen zu verhindern.

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.

Integrieren von Drillthrough-Diagrammen in Webanwendungen

Februar 23, 2024
JavaScript-Drillthrough-Diagramme ermöglichen es Benutzern, einfach durch mehrere Datenebenen zu navigieren und sich auf bestimmte Datenpunkte zu konzentrieren.

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.

Machen Sie Ihre Berichte zugänglich, indem Sie sie in HTML konvertieren

Februar 20, 2024
Durch das Exportieren von Berichten in das HTML-Format werden diese in praktische Webseiten umgewandelt und stehen allen Benutzern mit einem Webbrowser zur Verfügung.

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

Hierarchische Beziehungen zwischen Konzepten darstellen

Februar 20, 2024
Pyramidendiagramme ermöglichen es Ihnen, komplexe hierarchische Beziehungen zu visualisieren und allgemeine Trends klar und prägnant zu vermitteln.

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

Darstellen komplexer 3D-Geometrien in JavaScript

Februar 16, 2024
LightningChart JS v5.1.0 integriert ein neues Netzmodell-Diagramm für farbenfrohe leistungsstarke Visualisierungen von 3D-Objekten mit Scheitelpunktwerten.

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.