A blog about Salesforce CRM Configuration and development

Tuesday, 10 September 2019

ChartJS Lightning Component | Draw Beautiful Report Chart Using Chart JS

In this blog post, I am going to share a lighting component which will display a chart based on the selected report and chart type. In this component, I have used the Chart.JS open-source javascript library to draw chart in lightning component. The user can select the report and chart type to draw/display the chart and the selection of report name and chart type will be remembered for the user.

Chart JS is a javascript library that allows us to design and draw the different kinds of charts using the HTML 5 canvas element. We can use this library to draw a simple, clean and animated chart. Below are some advantage of using this library for drawing chart.
  • It is open source.
  • We can use 8 chart type to display the chart.
  • HTML5 canvas (great rendring performance across all the modern browser)
  • It is responsive.

I have created a package which you can install in your salesforce instance.

RPTChart: Download/Install

Find the full code here.



1 comment:

  1. The article was up to the point and described the information very effectively. Thanks to blog author for wonderful and informative post.
    website development


Trailhead Profile

Follow by Email

Total Pageviews


Popular Posts

Powered by Blogger.

Contact form


Email *

Message *