Javascript charting library

Question

I am looking for a JavaScript charting library. My requirements are:

• 2D line charts and bar charts
• Zoom on X-axis with the possibility to synchronize zooming of several charts
• Multiple lines on the same chart with same X-axis
• Export to base64 data string (png)
• A way to add milestones on X-axis with icons
• Popup or popover with custom content and HTML links inside.
• Free, open-source
• No huge dataset, probably SVG based is great.
• CSS support
• I18N support
• Usable with Angular

For the moment, I am considering plotlyjs and HighCharts. Any help would be appreciated!

Answer 1

Syncfusion EJ2 Chart for Angular supports most of the requirements.

• 2D line charts and bar charts

  Supports different types of line series and bar series. Demo

  For more information on line series and bar series refer

• Zoom on X-axis with the possibility to synchronize zooming of several charts

  For more information on zooming refer

  Demo link

  

• Mulitple lines on the same chart with same X-axis

  Yes. We can have multi lines on the same chart with same X axis.

  Demo link

• Export to base64 data string (png)

  Export to base64 Demo Link

  And chart can also exported to other format. For more information on exporting follow the demo link.

  1. PNG
  2. SVG
  3. JPG
  4. PDF

  Demo link

  For more information on export refer

• A way to add milestones on X-axis with icons

  Milestones can be achieved by using annotation feature:

  Demo link

  For more information on annotation refer

• Popup or popover with custom content and HTML links inside.

  On move hover, a popup will show the information about points, we can customize this popup with template to show the custom content.

  Demo link

• Free, open-source

  Commercial product, free option available under community license if you qualify (less than 1 million USD in revenue).

• No huge dataset, probably SVG based is great.

  Yes, our EJ2 chart component is SVG based.

• CSS support

  All the appearance can be customized by using in-built API’s.

• I18N support

  Yes, EJ2 Chart control support I18N

• Usable with Angular

  Yes usable with Angular platform. All the above mentioned samples are in Angular.

Note : I work for Syncfusion.

Please let me know if you have any queries.