Vue.js 新闻

改进了 JavaScript 图表呈现

4月 2, 2024
Wijmo 2024 v1 通过样条图插值以及折线和多边形的更平滑舍入来优化 FlexChart 控件中的呈现。

Wijmo by MESCIUS is a comprehensive suite of JavaScript UI controls for building interactive web applications. It offers a wide range of powerful components including grids, charts, inputs, and gauges, designed to streamline development processes and enhance user experiences. With its robust functionality and customizable features, Wijmo simplifies the creation of sophisticated web interfaces, empowering software developers to efficiently craft responsive and visually appealing applications without sacrificing performance or scalability.

The Wijmo 2024 v1 release includes significant rendering refinements for FlexChart and FlexPie. Notable improvements include smoother rounding for polylines and polygons in FlexChart, enhanced spline chart interpolation, and refined tooltips tailored specifically for small slices within FlexPie. These updates collectively enhance the visual quality, precision, and user experience of both chart components, providing developers with finer control over chart aesthetics and data representation.

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

Wijmo is licensed per developer. Developer Licenses are perpetual and include 1 year Subscription which provides upgrades, including bug fixes and new features. See our Wijmo licensing page for full details.

For more information, visit our Wijmo product page.

允许用户个性化您网格的外观

3月 21, 2024
可自定义的主题使用户能够个性化网格的外观和感觉，从而带来更具吸引力和用户友好的体验。

Customizable themes allow users to easily modify the visual appearance of a grid. This typically encompasses aspects like background colors, font styles, cell borders, and hover effects. These themes offer numerous benefits including improving the grid's readability and user experience by aligning it with the application's overall design aesthetic, enhancing data visualization by using color-coding or conditional formatting, and supporting accessibility needs by incorporating high-contrast themes.

Several Vue.js grid controls offer customizable theme support, including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) empowers you to design grids with custom themes for a seamless user experience.
  • Kendo UI for Vue Grid (part of Kendo UI by Telerik) enables customization of grid themes, tailoring the look and feel to perfectly match your application.
  • DataViewsJS by MESCIUS facilitates the creation of visually appealing grids with custom themes, enhancing interactivity with your data.
  • ZingGrid allows you to craft unique grid presentations through customizable themes, ensuring a distinctive visual style.
  • SmartClient Grid by Isomorphic Software facilitates the development of feature-rich grids with customizable themes, providing a solution for complex data visualization.

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

Compare Vue.js Grid Controls

用工具提示增强仪表板交互

3月 18, 2024
Stimulsoft Dashboards.JS 2024.2 添加对工具提示的支持，当用户将鼠标悬停在元素上时，会向用户显示信息丰富的弹出窗口。

Stimulsoft Dashboards.JS is a JavaScript library designed for building interactive dashboards within web applications. It offers a comprehensive suite of tools for data processing, visualization, and dashboard design. Compatible with any HTML5 browser, it allows you to create a variety of dashboards for various purposes and integrates seamlessly with popular JavaScript frameworks like React and Vue.js.

The Stimulsoft Dashboards.JS 2024.2 update adds tooltip functionality for list box, combo box and shape elements. Hovering over an item can now reveal more information, providing additional details and context on demand. This intuitive feature empowers users to explore data and grasp its meaning at a glance, enhancing overall understanding.

For full details of what's new in version 2024.2, see our release notes.

Stimulsoft Dashboards.JS is licensed per developer and is available as a Perpetual license with 1 year support and maintenance. See our Stimulsoft Dashboards.JS licensing page for full details.

Stimulsoft Dashboards.JS is available to buy in the following products:

用智能重新渲染优化单元格更新

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.

将钻取图表添加到您的 Web 应用程序

2月 23, 2024
JavaScript 钻取图表使用户能够轻松浏览多个数据层并磨练特定数据点。

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.