3

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!

  • HighCharts is excellent but not free-of-cost. Is free-of-cost a requirement (as you listed) or not? – Basil Bourque Jul 11 '18 at 6:56
  • Ideally yes. However, HighCharts is interesting because of affordable High-five License for pre-revenue or pre-financing startups which is applicable to us. – PeeWee2201 Jul 11 '18 at 9:10
  • HighCharts is nearly good but the way tooltips are implemented make it unfriendly to click on the links when the dataset is dense :-( – PeeWee2201 Jul 11 '18 at 11:15
  • visjs.org may be worth a look – knb Jul 12 '18 at 10:24
4

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

    enter image description here

  • 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 enter image description here

  • 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

Syncfusion Chart with milestones

  • 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 enter image description here

  • 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.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.