We can use interactive charts provided by HighCharts in Visualforce page. Here I am going to display line chart using highCharts.
For example, we will display the count of opportunity group by stage.
Download js files from below mentioned URL and store it in static resource:
Create VF page "HighChartDemo" and apex class "HighChartDemoController". Below is VF page and apex class code:
Chart Snapshot:
HighCharts gives option to download chart in PNG, JPEG, PDF and SVG vector image.For example, we will display the count of opportunity group by stage.
Download js files from below mentioned URL and store it in static resource:
- https://code.highcharts.com/highcharts.js
- https://code.highcharts.com/modules/exporting.js
- https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js
Create VF page "HighChartDemo" and apex class "HighChartDemoController". Below is VF page and apex class code:
Chart Snapshot:
Hi, do I need to buy a highchart license if I am using it for my client project?
ReplyDeleteI tried this code but no chart appeared on the screen. Please suggest!
ReplyDelete