80 high-performance JavaScript charts for enterprise apps

List of Services

    The world's most high-performance, scalable, and independent JavaScript data grid, recognized by developers worldwide.

    • Full support for popular Angular, React, and Vue.JS
    • Support for dozens of chart properties and options
    • Support for various special charts
    Download Speed Test

    80 JavaScript FlexCharts

    It offers a wide range of complete data analysis visualization controls, from basic line charts to radar and polar charts. Chart interaction, analysis, and annotation features are all built-in.

    Fast, lightweight, high-performance charts

    Designed for maximum performance, FlexChart won't slow down your business apps, and is incredibly lightweight at just 200KB.

    JavaScript charts written in TypeScript

    TypeScript lets you develop with the feel of object-oriented languages like C#/Java, with design-time error checking and full IntelliSense capabilities.

    Support for the latest frameworks

    Built to be framework-agnostic, Wijmo supports a variety of modern JavaScript frameworks, including Angular, React, and Vue.

    Flexible and extensible API

    Extensive features don't bloat the core components. These include data binding, pixel-perfect SVG rendering, and image export.

    Security level

    Wijmo is Content Security Policy (CSP) compliant, works seamlessly with JavaScript applications without compromising security features.

    Ask anything!

    Please share your concerns and questions about Wijmo with MESCIUS's expert team. We empathize with your concerns and provide assistance.

    Online product consultation Developer Forum (Technical Support)

    JavaScript chart demo

    View

    React

    PureJS

    Angular

    JavaScript Bar Chart

    • horizontal bar

      Implement multiple data series, animations, selections, and tooltips within a basic horizontal bar chart with your mouse.

      demo

    • Cumulative bar

      Stack data points in a JavaScript bar chart. Use horizontal bars to plot data points on top of each other.

      demo

    • 100% cumulative bar chart

      Compares the percentage that each value contributes to the total. The cumulative percentages for each column always add up to 100.

      demo

    • vertical bar

      Similar to a bar chart, which primarily uses vertical orientation, JavaScript column charts use vertical bars to compare values across categories.

      demo

    • Stacked vertical bar

      Stack and plot data points on a column chart using vertical bars. To stack chart values, set the FlexChart stacking property.

      demo

    • 100% cumulative vertical bar

      The cumulative percentages for each column always add up to 100. Compare the percentage that each value contributes to the total.

      demo

    JavaScript Line & Area Charts

    • Line chart

      Use basic JavaScript line charts to display changes in short-term and long-term data and work well with large amounts of data.

      demo

    • Stacked line chart with line markers

      Stacks a series on a line chart. A stacked line chart is a line chart where the lines do not overlap because they accumulate at each point.

      demo

    • StepLine chart

      StepLine charts help visualize changes at specific points. Data points are connected by vertical and horizontal lines.

      demo

    • Spline chart

      Spline charts connect data points with smooth lines and plot data using numeric, categorical, date/time, or logarithmic axes.

      demo

    • Area chart

      Represents time-dependent data to reflect trends at equal intervals, but fills the area below the line to show trends in similar categories.

      demo

    • Range area chart

      Fill in the area below the line to show trends in similar categories. This shows changes in data values over a specified period of time.

      demo

    JavaScript Scatter & Bubble Charts

    XY scatter plot chart

    Shows the correlation between data points and a series of numeric data along the x-axis and y-axis. Scatter charts combine values into a single data point and display uneven spacing, or clusters.

    demo

    bubble chart

    Create rich and visually appealing data modeling and financial charts using bubble charts. This JavaScript Flexchart type allows you to display data series as a set of symbols of varying sizes in the chart space.

    demo

    JavaScript Financial Charts

    Candlestick chart

    Visualize financial data on candlestick charts. Vertical bars represent the high and low values for that day.

    demo

    HLOC chart

    HLOC shows the price movements of financial instruments over time.

    demo

    JavaScript Pie & Sunburst Charts

    • pie chart

      JavaScript pie charts show how parts of a whole add up to 100%. Features include slice explosion, slice selection, and pie rotation.

      demo

    • Donut chart

      Set the inner radius property of a JavaScript pie chart to create a donut shape. Includes all pie chart customizations.

      demo

    • Sunburst chart

      Visualize hierarchical data from the root node (center) outward, with subordinate layers. The inner circle segments are the parents of the outer circle segments within the upper angular sweep.

      demo

    • Multi-pie chart

      Using FlexPie, you can create multiple pie chart "series" using the same data source to visualize more data in a single chart. This is an effective way to present data, especially when your goal is to show a section relative to the whole.

      demo

    JavaScript Radial & Polar Charts

    • radial chart

      Displays multivariate observations with any number of variables. JavaScript radar charts visualize data in terms of values and angles.

      demo

    • filled radial chart

      Filling the area between the lines of a basic radar chart, the FlexRadar control fills the chart sections and sets the Chart Type property to Area to visualize data in terms of values and angles.

      demo

    • Polar chart

      Create a pie chart to display multivariate observations with any number of variables. Visually compare multiple quantitative or qualitative aspects of a situation.

      demo

    JavaScript Special Charts

    • Break-even chart

      The break-even chart shows the sales volume at which total costs equal sales volume. The vertical axis of the chart displays revenue, fixed costs, and variable costs, while the horizontal axis displays volume.

      demo

    • Grouped TreeMap chart

      Displays hierarchical information combined with relative quantities. It highlights hierarchical tree-structured data as a set of nested rectangles, helping to analyze anomalies in the data set.

      demo

    • Error bar chart

      Graphically represent the variability of data to indicate measurement uncertainty. "Error" is not a mistake, but rather a range of data that represents inherent uncertainty.

      demo

    • Funnel chart

      Visualize the stages of a process, such as sales, in a funnel shape. Plot streamlined data to illustrate the various stages of the process. Use the optional properties to adjust the height, width, and style of the funnel.

      demo

    • waterfall chart

      A waterfall chart shows changes in the starting position of a chart over a series of changes. A waterfall chart is a form of data visualization that helps you understand the cumulative effect of sequentially introduced positive or negative values.

      demo

    • Square Funnel Chart

      Create a funnel with square edges for a different shape that plots simplified data to show the various stages of the process. Use a funnel chart to display the number of sales prospects at each stage of the sales funnel.

      demo

    • Box-and-Whisker Chart

      Visualize groups of numerical data using quartiles. Boxplots may have vertical lines extending from the boxes, indicating variability outside the upper and lower quartiles.

      demo

    • Gantt chart

      Manage your projects with a Gantt chart and never miss a step. It includes information such as dependencies and completion percentages, start and end dates for each task, completion status, and task dependencies.

      demo

    Tips for using Wijmo

    View more articles

    Discover more ways to use Wijmo.

    How to Use FlexChart - Basic Functions

    Introduces the basic usage of FlexChart, a highly extensible chart control.

    How to Use FlexChart - Basic Functions (2)

    Learn how to implement pie and donut charts using the FlexPie control, one of the chart controls!

    Full Wijmo control

    data grid

    DataGrid (FlexGrid)

    OLAP PivotGrid

    Spreadsheet

    MultiRow

    TransposedGrid

    TreeGrid


    Data visualization

    Chart(FlexChart)

    Bar & Column

    Line & Area

    Scatter

    Pie & Sunburst

    Radar & Polar

    Specialized Charts

    FinancialChart

    Maps (FlexMap)

    OLAP PivotChart

    Gauges

    Barcode

    QRCode

    map

    Choropleth Map

    Scatter Map

    Bubble Map

    Navigation & Layout

    Menu

    Popup

    Ribbon

    Tabs

    TreeView


    Input & Editor

    InputsDropDowns

    DateTime

    Numeric

    Colors


    designer

    Wijmo Designer

    VSCode Designer Extension


    viewer

    PdfViewer

    ReportViewer

    Frameworks & Integrations

    Angular

    React

    View

    Web Components

    TypeScript

    ES6


    commonness

    Events

    Globalization

    Glyphs

    Themes

    Data Management

    CollectionView

    REST

    Once

    Firestore

    OAuth

    OLAP


    Printing & Documents

    Print Document

    PDF

    XLSX

    Ask anything!

    Please share your concerns and questions about Wijmo with MESCIUS's expert team. We empathize with your concerns and provide assistance.

    Online product consultation Developer Forum (Technical Support)

    Wijmo Tutorial

    You can check out the demo and learn how to implement it in practice through the tutorial.


    Provides code for Angular, React, and Vue frameworks.

    Go to online tutorial

    Referencing the Wijmo library

    Local referencing

    CDN referencing

    NPM referencing

    Easily customize Wijmo controls!

    Wijmo CSS Theme Designer

    Easily create design themes using the Wijmo CSS Theme Designer and apply the created CSS to your Wijmo controls!

    Using the Wijmo CSS Theme Designer

    Wijmo Control Properties Editor

    Easily customize the settings of Wijmo controls using the Wijmo Control Properties Editor. You can modify and check the settings for over 20 different controls. Download these settings and quickly and easily apply them to your web without any additional coding.

    Using the Wijmo Control Properties Editor

    Our Customers

    Here Study

    Smart Online Education Bachelor's Management Solution

    #Education #Report #Dashboard

    SW development company I

    Online Commerce AI Big Data Analysis Solution

    #Distribution #Excel #Dashboard

    Gross

    Infrastructure Solutions

    #SW development #manufacturing #dashboard

    Introduction Case

    Explore more MESCIUS product adoption examples.

    Wijmo Pricing and Licenses

    If you want to create JavaScript-based web solutions using Wijmo's UI controls, you will need to purchase both a developer license and a deployment license.

    * All amounts are exclusive of VAT.

    Developer License

    This is the license required to use the official Wijmo JavaScript library.

    ￦1,494,000

    * You must purchase 1 copy per developer.

    Distribution License

    This is a license required to deploy Wijmo's controls on a server, and must be purchased for each domain address or IP address that will ultimately be served.

    ￦1,000,000

    * Once registered, domains and IPs cannot be modified.

    * Please make sure to do a final check before requesting.

    FAQ

    - How to run Wijmo sample files

    - How to register Wijmo distribution licensing

    Application for distribution key issuance

    To deploy Wijmo controls on a server, you must purchase a deployment license and receive a deployment key.

    Please apply for a distribution key through the distribution key issuance portal.

    Introduction Inquiry

    If you need more detailed product and purchase advice regarding Wijmo, please contact us using a method that is convenient for you.

    Request for product and purchase consultation
    Check online quotes and request quotes

    Purchase Procedure

    Click on each button to see detailed information about each step of the purchasing process.

    • 1. Price confirmation and quote request

    • You can request a quote using any of the methods below:
    • Online quote confirmation and quote request
    • 1670-0583
    • sales-kor@mescius.com

    Controls for Web Developers

    • SpreadJS

      Pure JavaScript-based Web-Excel component
      • Supports Excel import/export
      • Supports 450 Excel functions
      • Supports Angular, React, and VueJS
      Learn more

    • ActiveReportsJS

      JavaScript-based business reporting component
      • Supports Angular, React, and Vue
      • Provides a cross-platform designer program
      • Provides a JavaScript report viewer
      Learn more

    • Forguncy

      A business web development solution built with Excel without coding.
      • Easy and quick web implementation with Excel features
      • Web development without HTML & CSS
      • Data collection and integration solution
      Learn more

    • DsExcel

      High-performance Java & Kotlin / .NET-based Excel spreadsheet API library
      • Create, load, edit, and save spreadsheets
      • Parse, convert, and share spreadsheets
      • Calculate formulas and format cells
      Learn DsExcel Java
      Learn about DsExcel .NET