JavaScript / HTML5のニュース

単一セルでマルチセレクションを有効化

3月 17, 2026
Handsontable 17.0.0は、検索可能なドロップダウンを使い、完全なキーボードナビゲーションをサポートすることで、セル内に複数の値を保存・管理可能

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.

The Handsontable 17.0.0 update adds a new MultiSelect cell type that allows a single cell to hold multiple values, making it well suited for data such as tags, user roles, product categories, or shipment contents. Instead of restricting entries to one option, users can choose any number of items from a dropdown interface that includes search and filtering capabilities for quickly locating options. Full keyboard navigation ensures efficient interaction for power users.

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

離散的な値変化を伴うグラフを表示

3月 16, 2026
安定した値間の移行を強調するステップ折線グラフで、Vue.jsアプリケーションのデータ可視化を改善

Step line charts are a variation of line charts that display changes between data points as a series of horizontal and vertical segments rather than diagonal lines. This structure highlights discrete transitions between values, making it easier to show when a change occurs and how long a value remains constant before the next update. Step line charts are useful for representing processes where values shift at specific moments, such as pricing tiers, system states, or configuration thresholds. By clearly separating periods of stability from points of change, the chart type helps developers and analysts interpret state-based or event-driven data with greater precision.

Several Vue.js chart components support the step line chart type, including:

  • DevExtreme Vue Chart (part of DevExtreme Complete by DevExpress) provides a step line series that renders horizontal segments and vertical transitions with markers and tooltips.
  • Wijmo Vue Chart (FlexChart) (part of Wijmo by MESCIUS) includes a step chart option that renders stepped horizontal and vertical segments for Vue applications.
  • Highcharts Core by Highsoft offers a step option for line series with left, right, or center stepping, allowing developers to control how transitions align with data points.
  • Kendo UI Vue Charts (part of Kendo UI by Telerik) supports step line visualization through configurable line series settings with customizable styling and tooltips.

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

Compare Vue.js Chart Components

一貫したスプレッドシートデザインのためのテーマを適用

3月 16, 2026
一貫した色やフォントを即座に適用し、スプレッドシートデザインを強化し、より明確なデータ提示を実現

Spreadsheet themes provide a consistent visual style by applying coordinated colors, fonts, and formatting across an entire workbook. Instead of manually styling individual elements, users can quickly apply a theme to ensure tables, charts, and data ranges follow the same design. This improves readability, enhances data presentation, and helps maintain a professional and cohesive look across reports. Themes are particularly useful when creating business dashboards, financial reports, or shared team documents, where consistent formatting and clear visual hierarchy make data easier to interpret and align with company branding.

Several JavaScript spreadsheet controls offer support for applying themes including:

  • Kendo UI jQuery Spreadsheet (part of Kendo UI) by Telerik lets you apply consistent styling with customizable themes that unify fonts, colors, and formatting.
  • SpreadJS by MESCIUS allows you to implement reusable spreadsheet themes that standardize visual styles across worksheets, improving clarity and branding consistency.
  • Infragistics Ultimate UI for jQuery Spreadsheet (part of Infragistics Professional) facilitates spreadsheet styling with theme based formatting that aligns colors, fonts, and layouts.
  • Jspreadsheet Pro enables developers to style spreadsheets with configurable themes that create consistent visual structure and enhance readability across web based tables.

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

Compare JavaScript Spreadsheet Controls

ワークシート間の計算を有効にする

3月 13, 2026
他のシートのセルを参照して、関連データを整理し、動的に連携させる計算式を構築します。

Cross-worksheet calculations allow spreadsheet components to reference and compute values across multiple sheets within the same workbook. This capability enables developers to build more advanced data models, where formulas can pull information from different worksheets to support summaries, aggregations, and linked analysis. By allowing data to be organized across separate sheets while remaining connected through formulas, applications can present complex datasets in a structured and scalable way without sacrificing calculation accuracy or performance.

Several Angular spreadsheet controls offer support for cross-worksheet calculations including:

  • SpreadJS by MESCIUS enables formulas to reference cells and ranges across worksheets, allowing developers to create linked calculations across multiple sheets.
  • Infragistics Ignite UI for Angular Spreadsheet supports cross-sheet formulas that allow values from different worksheets to be combined in calculations.
  • Syncfusion Angular Spreadsheet includes built-in formula support that references cells in other worksheets, making it possible to perform calculations across different tabs.
  • Jspreadsheet Pro provides cross-sheet references within formulas, enabling calculations that draw values from other worksheets to support multi-sheet data organization.

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

Compare Angular Spreadsheet Controls

ヒートマップチャートでトレンドを強調

3月 13, 2026
色ベースのデータ表現を用いて、チャートコンポーネント内のマトリックススタイルデータセット間のパターンや異常を明確化

A heat map is a data visualization that displays values in a grid of colored cells, where color intensity represents the magnitude or importance of the data. This approach makes it easy to quickly identify patterns, trends, and outliers that may be difficult to see in traditional tables. Heat maps improve data analysis by visually highlighting relationships between two variables and enabling quick comparisons across datasets. They are commonly used in risk matrices, performance monitoring, sales analysis, and user behavior tracking, where color-coded insights help users focus on the most significant information.

Several JavaScript chart controls support the Heat map chart types, including:

  • Highcharts Core by Highsoft lets you create interactive heatmaps that visualize matrix data with color-coded values, revealing patterns, trends, and comparisons across categories.
  • LightningChart JS allows you to render high-performance heatmaps for large datasets, using GPU acceleration to reveal patterns, intensities, and correlations in real time.
  • AnyChart JS facilitates building customizable heatmaps that transform tabular data into color-encoded grids, helping users detect trends, correlations, and data distribution.
  • JSCharting lets you build interactive heatmaps that highlight value intensity through color ranges, enabling fast comparison, pattern discovery, and intuitive analysis.

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

Compare JavaScript Chart Controls