MindFusion.JavaScript Pack について

JavaScriptでのアプリ開発用図表、スケジュール、グラフ、UIコンポーネントライブラリ

MindFusion.JavaScript Pack includes interactive JavaScript libraries that are easy to use and easy to customize. Users can perform a variety of actions on any of the JavaScript components included in the pack. Nodes can be dragged and dropped in diagrams, items - in menus and tree views. Legends can be dragged in charts. Charts and diagram nodes can be rotated. Users can scroll the grid in charts or the timeline in schedules. Appointments can by created interactively in calendars and tree nodes on demand in tree views. Users can type and edit the text in calendar events or diagram nodes.

MindFusion.JavaScript Pack Features

Diagramming

  • Several user interaction modes   
  • Scroll, zoom, pan
  • Clipboard operations, undo/redo support
  • Grid alignment
  • Swimlane background grid
  • More than 100 predefined node shapes
  • Container and table nodes
  • Links with multiple segments and multiple labels
  • Automatic layouts and automatic link routing
  • Nodes with text, images and visual effects
  • Transparent and invisible nodes
  • Read-only diagram mode
  • Lock of diagram elements
  • Collapse/expand of hierarchies
  • Overview, NodeListView, Ruler and Zoom auxiliary controls
  • Export to SVG files

Scheduler

  • Several calendar views: timetable, resource, list, month, week range and month range
  • Recurring events
  • Reminders for items
  • Localization through XML files
  • Scrolling
  • Tool-tips
  • Interactive creation and modification of items
  • Rich event set
  • Export/import of calendar items or the whole schedule to/from XML/JSON files
  • Styling through CSS themes
  • Custom formatting of the date and time

Dashboard

  • Arrange plots and gauges in a dashboard
  • Dynamic layout system
  • Show multiple axes on each side of a plot
  • Text and image components
  • Each component can be placed inside border
  • Show multiple legends

Charting

  • Line, area, scatter, step, curve, bubble charts
  • Candlestick financial charts
  • Bar, column, overlay, stacked bar charts
  • Funnel charts
  • 3D bar charts
  • Pie, doughnut charts
  • Radar and polar charts
  • Candlestick financial charts
  • Multiple axes
  • Grid
  • Pan and Zoom
  • Styling through themes
  • Labels on chart elements
  • DateTime values
  • Hit testing
  • Multiple legends

Gauges

  • Rich set of predefined gauges: clock, compass, car dashboard, thermometer, functions, equalizer etc.
  • Horizontal and vertical gauges
  • Several scales
  • Different pointers
  • Full appearance customization

Virtual Keyboard

  • Predefined keyboard layouts: standard, compact and extended
  • Custom keyboard layout
  • Keyboard creator tool
  • Key images
  • Customizable key size
  • Support of any language
  • Key-press event
  • Numerous keyboard themes
  • Styling through CSS

Mapping

  • Works with any Tile Map Service (TMS)
  • Special property to credit the TMS provider with text and links
  • Multiple layers
  • Location markers with images and text
  • Customizable info bubbles (map pins)
  • Pan and zoom
  • Zoom control, layer control
  • Various events
  • Layer control

Window

  • Properties to specify if users are allowed to close, drag, minimize, maximize and resize the window
  • CSS styling and themes
  • Possibility to load an HTML page as a template
  • Customiziation of the header/footer
  • Possibility to specify the size, pin and refresh the window
  • Various events, which are raised for any change throughout the window's life cycle.

Tab Control

  • Support of drag and drop
  • Unlimited number of TabPages
  • Styling through CSS and themes
  • Multiple selection
  • Customized tab size and tab strip size
  • Horizontal and vertical orientation
  • Possibility to collapse and scroll
  • Long list of events raised for user actions as click, selection, move, drag/drop etc.

Tab Page

  • Possibility to specify if users are allowed to drag and drop items and close the tab page
  • Custom headers and images
  • HTML pages can be set as templates
  • Tooltips

TreeView

  • Tree nodes can be created interactively only when the user clicks on a parent to expand it
  • Styling through CSS and themes
  • Customizable item size
  • Unlimited number of items
  • Horizontal/vertical orientation
  • Multiple selection of items
  • Support of drag and drop

TreeNode

  • Load an HTML page as a template
  • Tooltips
  • Expandable nodes
  • Custom image and size

ToolStrip

  • Custom item size
  • Unlimited number of items
  • Scrolling
  • Horizontal and vertical orientation
  • Styling through CSS and themes
  • Drag and drop
  • Numerous events raised for any type of user interaction

ToolStripItem

  • Customizable tooltip
  • Styling through CSS and themes
  • Custom images
  • Drag and drop

Menu

  • Support of drag and drop
  • Multiple selection of items
  • Close timeout
  • Styling through CSS and themes
  • Horizontal/vertical orientation
  • Unlimited number of items
  • Items can be created on demand only when the parent item is expanded
  • Numerous events for all actions users are performing / have performed on the control

Menu Item

  • Unlimited number of sub-items
  • Custom image
  • Tooltip
  • Templates
  • Support of drag and drop

Dialog

  • Out-of-the-box Dialog instances: Confirm (Yes/No, OK/Cancel) Dialog, Input Dialog, Info Dialog
  • Possibility to allow or stop the users to drag, resize, maximize, minimize the dialog
  • Pin and refresh
  • CSS styling and themes
  • Custom header and footer
  • Custom icons
  • Modal dialogs
  • Numerous events for user interaction and control changes

Tooltip

  • Styling through themes and CSS
  • Offset and position
  • Event triggers
  • Various events