JavaScript / HTML5 新聞

構建和自訂您自己的儀錶板佈局

4月 15, 2024
Highcharts Dashboards 2.0 透過新的 CSS 樣式和自訂佈局選項增強了設計靈活性，從而提供更加量身定製的使用者體驗。

Highcharts Dashboards by Highsoft is a comprehensive platform tailored for software developers seeking efficient data visualization solutions. It offers a robust toolkit for creating interactive dashboards and charts, leveraging the Highcharts library renowned for its flexibility and performance. With support for various data formats and extensive customization options, developers can seamlessly integrate dynamic visualizations into their applications. Highsoft's dashboards empower developers to convey complex data insights effectively, enhancing user experience and decision-making capabilities within their software projects.

The Highcharts Dashboards 2.0 update brings significant advancements in customization and layout flexibility. With the introduction of 100% CSS styling, users now have complete control over the visual appearance of their dashboards and charts. This release also allows developers to construct their own HTML layouts, foregoing the default layout engine and leveraging custom HTML alongside the new CSS capabilities. This empowers users to tailor their dashboards to their unique use cases while retaining the robust data handling and synchronization functionality. Compatibility with CSS libraries like Tailwind and Bootstrap further enhances the customization possibilities without compromising on performance or functionality.

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

Highcharts Dashboards is licensed per developer as an Annual or Perpetual License with Internal, Saas, SaaS+ and OEM distribution options. The annual license includes support and all product updates for 1 year and must be renewed to continue to use the software. The perpetual license includes an "Advantage Subscription" for 1 to 5 years which provides support and updates for that period. If you do not renew Advantage then you may continue to use the software at the last release available during the active Advantage period. See our Highcharts Dashboards licensing page for full details.

Learn more on our Highcharts Dashboards product page.

在您的 React 應用中視覺化關鍵資料

4月 12, 2024
儀錶控制項提供了一種清晰直觀的方法來顯示速度或進度等指標，尤其使用線性或徑向佈局。

Gauge controls are visual tools used to display important metrics in an easily understood format, such as linear or radial layouts. These controls are ideal for dashboards and monitoring systems because they provide a clear snapshot of data in real-time, enhancing user decision-making and efficiency. Their simplicity and immediate data representation make them essential for applications where quick and accurate interpretations are crucial. Many gauges can be customized with various ranges, colors, and styles to effectively communicate data like speed, temperature, or progress, making them valuable tools for building informative user interfaces.

Several React UI suites feature a gauge component including:

  • DevExtreme Complete by DevExpress lets you create interactive and informative dashboards with customizable gauge components for various data visualization needs.
  • KendoReact by Telerik enables you to effectively represent data metrics and performance indicators within your web applications with its intuitive React gauge controls.
  • Wijmo by MESCIUS offers gauge widgets to enhance user understanding of complex data, providing a variety of gauge types and customization within your React projects.
  • Syncfusion Essential Studio Enterprise offers feature-rich React gauge controls, allowing you to incorporate clear and visually appealing data visualizations into your apps.

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

Compare React UI Suites

專注於特定資料子集更便於分析

4月 11, 2024
篩選功能使資料網格使用者能夠快速放大相關資料，以發現趨勢並發現見解。

Using a grid control with support for filters enables users to dynamically narrow the displayed data based on specific criteria. This functionality helps users focus on relevant subsets of information by filtering individual columns using operators, keywords, or pre-defined options. Filtering improves data exploration efficiency and reduces cognitive load by presenting only the data that aligns with the user's current analysis.

Several React grid controls offer filtering functionality including:

  • DevExtreme HTML5 JavaScript Data Grid (part of DevExtreme Complete by DevExpress) empowers users with versatile client-side filtering and remote filtering.
  • Handsontable by Handsoncode offers built-in filtering for columns, enabling you to search and filter data directly within the spreadsheet-like interface.
  • KendoReact Data Grid (part of KendoReact by Telerik) offers advanced features including case-insensitive filtering, custom filter operators, and Excel-like filter menus.
  • Wijmo FlexGrid (part of Wijmo by MESCIUS) allows you to filter data by columns using various operators and supports filtering based on hierarchical data structures.

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

Compare React Grid Controls

用附加元件提升您的 JavaScript 試算表

4月 9, 2024
MESCIUS 提供的 SpreadJS 提供可選的附加元件，透過資料分析、專案管理和報表設計功能增強其功能。

SpreadJS is a complete enterprise JavaScript spreadsheet solution used to create financial reports and dashboards, budgeting and forecasting models, scientific, engineering, healthcare, education, science lab notebooks, and other similar JavaScript business applications. Leverage the high-speed calculation engine with over 500 Excel built-in functions in 19 languages, to deliver true Excel-like spreadsheet experiences with zero dependencies on Excel. Fully customize your application’s needs with SpreadJS’s optional deployment add-on components for Pivot Tables UI, and an Excel-like Designer ribbon, allowing your users to perform complex interactive analysis and data visualization.

MESCIUS has created a brief but informative video blog that highlights the functionality of these powerful add-ons:

  • Designer Ribbon - for seamless toolbar integration
  • PivotTable - for robust data analysis
  • GanttSheet - for project management
  • ReportSheet - for easy report design

View the Video Blog and learn how to effortlessly upgrade your JavaScript spreadsheets.

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 optional Add-ons are available at an additional cost, and require a SpreadJS license. See our SpreadJS licensing page for full details.

For more information, visit our SpreadJS product page.

讓使用者專注於圖表資料的特定部分

4月 9, 2024
縮放為圖表開發人員提供了一種增強資料分析的方法，允許使用者檢查所選資料子集中的趨勢、異常值或詳細資訊。

Zooming functionality in a chart component empowers users to delve deeper into complex datasets. By allowing for magnified views of specific areas, users can identify trends, outliers, and patterns that might be obscured in a broader, more generalized view. This interactivity fosters a richer understanding of the data and facilitates more informed decision-making for end users.

Several Vue.js chart controls support zooming including:

  • DevExtreme Chart (part of DevExtreme Complete by DevExpress) empowers developers with interactive chart zooming for in-depth data exploration.
  • Highcharts Core by Highsoft offers chart zooming through user interaction or programmatic control for in-depth data exploration.
  • Kendo UI for Vue Chart (part of Kendo UI by Telerik) facilitates chart exploration through intuitive zooming capabilities.
  • Wijmo FlexChart and FinancialChart (part of Wijmo by MESCIUS) enables developers to integrate customizable chart zooming for detailed data analysis.

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

Compare Vue.js Charts