ngx-charts
Primary version
docs-testPrimary version
Primary version
docs-testPrimary version
  • Introduction
  • Changelog
  • Custom Charts
  • demo
  • Features
  • Installing
  • License
  • Motivation
  • Table of contents
  • contributing
    • Building
    • Community
    • Credits
    • Guidelines
    • Troubleshooting
  • examples
    • Box Chart
    • bubble-chart
    • Gauge Chart
    • Heat Map Chart
    • Linear Gauge Chart
    • Number Card Chart
    • Polar/radar Chart
    • Tree Map Chart
    • bar-charts
      • Grouped Horizontal Bar Chart
      • Grouped Vertical Bar Chart
      • Horizontal Bar Chart
      • Normalized Horizontal Bar Chart
      • Normalized Vertical Bar Chart
      • Stacked Horizontal Bar Chart
      • Stacked Vertical Bar Chart
      • Vertical Bar Chart
    • line-area-charts
      • Area Chart
      • Line Chart
      • Normalized Area Chart
      • Stacked Area Chart
    • pie-charts
      • Advanced Pie Chart
      • Pie Chart
      • Pie Grid Chart
Powered by GitBook
On this page
  • Chart Types
  • Customization
  • Alternatives

Features

Out of the box, we wanted to create a low level robust framework on which to build charts. Outside of the following chart types:

Chart Types

  • Horizontal & Vertical Bar Charts (Standard, Grouped, Stacked, Normalized)

  • Line

  • Area (Standard, Stacked, Normalized)

  • Pie (Explodable, Grid, Custom legends)

  • Donut

  • Gauge

  • Linear Gauge

  • Force Directed Graph (deprecated - please use ngx-graph instead)

  • Heatmap

  • Treemap

  • Number Cards

  • Bubble/Scatter

  • Vertical Box Chart

Customization

  • Autoscaling

  • Timeline Filtering

  • Line Interpolation

  • Configurable Axis Labels

  • Legends (Labels & Gradient)

  • Advanced Label Positioning

  • Real-time data support

  • Advanced Tooltips

  • Responsive Layout

  • Data point Event Handlers

  • Works with ngUpgrade

  • Enabling/Disabling animations

If you have an idea for a new feature, create a Github issue or even better a PR ;). Make sure to include the use case, an example image of the chart (if applicable) and data formats.

Alternatives

Chart frameworks are a dime a dozen nowadays. Not many of them existed a few years ago when we started this project internally and many of them still don't really work well with Angular. Here's a recent list we compiled during our effort to open-source this:

  • ng2-nvd3 - Open-source wrapper for nvd3 using Angular2 Components

  • ng2-charts - Open-source Angular2 wrapper directives for Chart.js

  • angular2-highcharts - Open-source Angular2 wrapper for HighCharts

  • recharts - Open-source composable charting library built on React components

  • Vega - Open-source Canvas/SVG viz framework

  • C3 - Open-source D3-based reusable chart library

  • Plotly - Commercial business intelligence and data science.

  • Highcharts - Commercial chart framework

  • eCharts - Open-source JavaScript chart framework

  • dc.js - Open-source JavaScript charting library

PreviousdemoNextInstalling

Last updated 3 years ago