Vue.js 뉴스

XLSX 파일을 Vue .js 애플리케이션으로 가져오세요

1월 8, 2024
XLSX 가져오기를 지원하는 스프레드시트 컨트롤을 사용하여 Vue.js 앱에 Microsoft Excel 파일 처리 기능을 추가할 수 있습니다.

The ability to import XLSX files is a common feature in spreadsheet software, allowing users to open and work with files created in other applications like Microsoft Excel. These versatile controls streamline data integration and boost efficiency by effortlessly populating spreadsheets with pre-existing data, saving valuable time and eliminating error-prone manual entry. This ensures compatibility and ease of data transfer, enabling users to bring in complex datasets with various formatting and formulas intact, which is essential for interoperability and collaboration. Vue.js spreadsheet components eliminate the drudgery of manual data entry and revolutionize the way you manage information within your applications.

Several Vue.js spreadsheet controls support XLSX file import, including:

  • Wijmo FlexSheet (part of Wijmo) by MESCIUS fully supports the import of XLSX files via its FlexGrid component for Vue, which is capable of retaining the styles and formatting of the document.
  • Syncfusion Spreadsheet JavaScript (part of Syncfusion Essential Studio Enterprise) offers all the common Excel features including the ability to import XLSX files and other Excel file formats.
  • Jspreadsheet Pro is a lightweight JavaScript library compatible with Vue that provides import/export functionality for the XLSX file format, as well as many other advanced spreadsheet-like controls.

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

Compare Vue.js Spreadsheet Controls

유연한 날짜 선택을 통한 JavaScript 캘린더 생산성 향상

1월 3, 2024
이제 DevExtreme Complete 23.2 캘린더에서 단일 날짜, 여러 날짜 또는 범위의 첫 번째 날짜와 마지막 날짜를 선택할 수 있습니다.

DevExtreme Complete is a comprehensive JavaScript UI component suite developed by DevExpress. It provides a wide range of features and tools to help developers build high-performance and responsive web applications for various platforms, including traditional web, mobile, and next-generation web technologies.

The DevExtreme Complete 23.2 update brings powerful date selection options to the Calendar. You can now select single dates, multiple, or choose a date range with ease. The initial view can be set as a single date or an array, and entire weeks can be selected by clicking on the week number. These powerful new selection enhancements make date selection easier for novices and advanced users alike.

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

DevExtreme Complete is licensed per developer and is available as a Perpetual License with a 12 month support and maintenance subscription. We can supply any DevExtreme Complete license including new subscriptions, subscription renewals, expired subscription renewals, and additional licenses. See our DevExtreme Complete licensing page for full details.

DevExtreme Complete is available to buy in the following products:

Vue.js 앱에 재무 차트를 추가하세요

12월 28, 2023
시가-고가-저가-종가(OHLC) 차트를 통해 시간 경과에 따른 가격 변동에 대한 간결한 개요를 사용자에게 제공합니다. Vue.js용 주요 솔루션을 비교하세요.

Financial apps can be significantly enriched by integrating open-high-low-close charts. These versatile visualizations condense price movement data into clear, concise bars, empowering users to rapidly grasp market trends and identify potential trading opportunities. With a quick glance, users can assess open, high, low, and closing prices within a chosen timeframe, gaining valuable insights into market sentiment and volatility. This immediate understanding fosters informed decision-making, transforming your Vue.js app into a dynamic platform for financial analysis and informed action.

Several Vue.js chart controls offer OHLC charts including:

  • DevExtreme Chart (part of DevExtreme by DevExpress) lets users decode market movements with interactive OHLC bars, dynamic indicators, and crosshair navigation.
  • Highcharts Stock by Highsoft helps you master price action with advanced OHLC candlesticks, volume analysis, and powerful technical indicators.
  • FusionCharts Suite XT lets users make informed decisions with feature-rich OHLC charts, including price gaps, volume indicators, and trendlines.
  • amCharts5 : Charts provides granular insights from comprehensive OHLC charts, featuring range bars, price bands, and brush selection for deep analysis.
  • AnyChart JS elevates your app's visual appeal with sleek OHLC charts, customizable tooltips, and dynamic animations for a captivating trading experience.

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

Compare Vue.js Chart Controls

JavaScript로 Gantt 스케줄링 앱을 생성할 수 있습니다

12월 27, 2023
Gantt 차트 동작 및 스프레드시트 UI가 있는 데이터 바인딩된 DataTable 뷰를 제공하는 선택적 GanttSheet 추가 기능이 SpreadJS 17에 도입되었습니다.

SpreadJS by MESCIUS is a powerful JavaScript library that lets you build Excel-like spreadsheets within your web applications. It offers tables, charts, formulas, pivot tables, and more, all running within the browser. It works with major frameworks like Angular, React, and Vue, and offers Excel file import and export. SpreadJS empowers developers to create interactive dashboards, analyze data, and streamline workflows, all within the familiar spreadsheet interface.

The SpreadJS 17 release introduces the optional GanttSheet Add-On, a full Gantt implementation that works inside of SpreadJS. It seamlessly integrates with your existing spreadsheets, transforming them into clear and concise Gantt charts. This allows you to visualize tasks, dependencies, and progress at a glance, identifying potential bottlenecks and adjust schedules proactively. GanttSheet offers a flexible and intuitive may to manage tasks, sort data, customize calendar settings, and even import/export plans for smooth collaboration.

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

SpreadJS is licensed per developer and includes 1 Year Maintenance (major and minor version releases and unlimited support phone calls). SpreadJS requires an Annual or Perpetual Deployment License. The GanttSheet Add-On is available at an additional cost, and requires a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

데이터 그룹화로 JavaScript 차트를 개선하세요

12월 19, 2023
Wijmo 2023 v2에서 FlexChart 컨트롤에 축 그룹화를 추가하여 차트를 덜 복잡하고 쉽게 스캔할 수 있도록 지원합니다.

Wijmo is a cross-platform UI JavaScript library that offers a comprehensive set of controls and tools for building rich, interactive web applications. Its components have zero dependencies and are written as lean TypeScript classes. Wijmo's key components include FlexGrid for data management, FlexChart for charting and data visualization, Input Controls for user input, and Report Viewer for creating and presenting reports.

The Wijmo 2023 v2 release brings data grouping support to FlexChart. Axis grouping helps to organize complex data by visually separating it into categories or subcategories along the axis, making it easier to identify trends, patterns, and outliers within each group. While data grouping has long been a staple of Wijmo's CollectionView, users requested similar functionality in FlexChart, which MESCIUS has now incorporated. You can bind FlexChart to a grouped CollectionView and set the 'axis.groupsOptions' property to enable grouped labels in your charts.

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