JavaScript / HTML5のニュース

インタラクティブなガントタイムラインでプロジェクトを可視化

11月 18, 2025
amCharts 5: Ganttは、スケジュール、依存関係、進捗、チーム間のリソース配分を明確にするカスタマイズ可能なプロジェクトタイムラインを提供

amCharts 5: Gantt is a dedicated JavaScript and TypeScript component for building rich, interactive Gantt charts directly in web applications and dashboards. It is built on the modern amCharts 5 engine and provides everything developers need to visualize project schedules, timelines, and task dependencies using responsive, fast rendering HTML5 graphics. The component supports hierarchical task structures, category grouping, and flexible time scales, which makes it suitable for representing complex projects in a clear, compact, and professional format. With a robust API and straightforward integration in common front end stacks, amCharts 5: Gantt fits naturally into modern web architectures.

amCharts 5: Gantt offers a wide range of capabilities that help teams understand and manage work more effectively, including visual progress indicators, task linking with dependencies, support for milestones and events, and interactive markers for important dates. Charts can be configured as read only monitoring views or as fully interactive planning surfaces where users can drag tasks, adjust timings, update completion, and explore details through tooltips and selection. These strengths make the product an excellent choice for project management systems, resource and workload dashboards, product roadmaps, and visualization tools, wherever organizations need a clear and engaging way to communicate what is happening, what comes next, and how work is progressing.

amCharts 5: Gantt is licensed per developer on an annual or perpetual basis, with options for websites, SaaS and OEM distribution. See our amCharts 5: Gantt licensing page for full details.

For more information, visit our amCharts 5: Gantt product page.

組み込みのテーブル構造にでデータ入力を改善

11月 17, 2025
Optimajet FormEngine v7.3.0は、フォーム内で直接構造化された複数行データ入力を作成するための強力な新テーブルコンポーネントを追加

Optimajet FormEngine is a drag-and-drop React form builder that lets teams create, manage, and render complex web forms without writing frontend code. It allows developers and business users to visually design forms, store them as JSON, and render them at runtime. As a React JS library, it easily integrates into existing applications while giving developers full control over form logic, structure, and data flow, making it well suited for complex data collection.

The Optimajet FormEngine v7.3.0 update introduces a new Table component that allows developers to structure form inputs in organized rows and columns, making it easier to handle multi-row or repeatable data within a single form. This addition enables cleaner data modeling, improves usability for scenarios that require tabular entry, and integrates with existing FormEngine features such as validation, conditional logic, and JSON-based configuration.

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

Optimajet FormEngine is licensed based on usage type (internal commercial use, public web/SaaS, or OEM embedding), number of domains for the visual editor, and access to additional ready-made components. Licenses are perpetual and include 6 months or 1 year of updates and support. See our Optimajet FormEngine licensing page for full details.

For more information, visit our Optimajet FormEngine product page.

Grid Proによる強力なデータ編集と検証を見てみる

11月 14, 2025
Highchartsウェビナーに参加して、Grid Proがよりクリーンで効率的なデータエクスペリエンスの構築にどのように役立つかを学習

The NEW Highcharts Grid Pro provides IT professionals with a powerful JavaScript component to build interactive and customizable data grids which enable efficient data editing, filtering, and management within complex datasets, enhancing the usability of data-intensive applications across various technical fields.

On Wednesday, November 19th at 1:00 PM EST, Highcharts Chief Product Officer Øystein Moseng & Product Manager Stian Totland will be presenting a LIVE tutorial-stye and interactive walkthrough of Grid Pro, demonstrating how to edit and validate data seamlessly with Grid Pro's intuitive tools.

As part of the official launch of Highcharts Grid Pro, this webinar will guide you through the many powerful feature of Grid Pro, including:

  • Interactive Cell Editing
  • Configurable Validation
  • Sparklines
  • Custom Events
  • Full Branding Control

Register for the LIVE Webinar today and mark your calendar for November 19th!

データ入力インターフェイスでRTLレイアウトを有効化

11月 14, 2025
Reactデータエディターには、右から左に文章を書く(RTL)機能が組み込まれているため、アラビア語、ヘブライ語、ペルシア語などの言語での入力と編集が可能

Right-to-left (RTL) support in a data editor component enables the user interface and content layout to be displayed in a direction consistent with languages that are read from right to left, such as Arabic or Hebrew. This includes aligning text, input fields, table structures, and control elements to the right side of the screen, while preserving correct data formatting and interaction behavior. For software developers, RTL support ensures that applications can be properly localized for RTL language audiences without compromising usability or data readability.

Several React data editors offer right to left (RTL) support including:

  • DevExtreme React Data Editors (part of DevExtreme Complete by DevExpress) supports right-to-left layouts which mirrors UI elements and adjusts directionality in editor controls.
  • KendoReact Data Editors by Telerik includes built-in RTL support, enabling components to render correctly for RTL languages and adapting their layout, messages and alignment.
  • Wijmo React Data Editors (part of Wijmo by MESCIUS) provides RTL support allowing components to render correctly for RTL languages.
  • Syncfusion React Data Editors (part of Syncfusion Essential Studio Enterprise) supports RTL mode enabling full right-to-left rendering of UI elements and data-led controls.

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

Compare React Data Editors

ライブチャートで発生した変化を追跡

11月 14, 2025
ライブチャートデータを表示して、リアルタイムの洞察、迅速な意思決定、早期の問題検出、より適切で正確なレポートを提供

Live data support for charts enables visualizations to update automatically as new information arrives, turning static dashboards into continuously refreshed, real-time views. This reduces reliance on manual refreshes or scheduled reports and helps prevent decisions based on stale data. Teams gain immediate insight into changing conditions, spotting anomalies, performance issues, or opportunities as they emerge. Typical use cases include monitoring website traffic, application performance, financial markets, IoT sensors, and business KPIs such as orders, revenue, or support queues. By making current metrics instantly visible, live charts improve responsiveness, operational control, and confidence in data-driven decisions and outcomes across the organization.

Several React chart controls support live data including:

  • DevExtreme React Chart (part of DevExtreme Complete by DevExpress) lets you stream live data into interactive visualizations, keeping dashboards continuously updated.
  • amCharts 5: Charts allows you to visualize constantly updating live data, animating changes smoothly so users immediately see evolving trends and anomalies.
  • Ignite UI for React Chart (part of Infragistics Ignite UI by Infragistics) lets you render high-frequency, real-time data streams, maintaining responsive, high-performance dashboards.
  • FusionCharts Suite XT facilitates real-time, self-updating charts that pull live data from servers, powering monitoring dashboards, trading interfaces, and operational views.

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

Compare React Chart Controls