Getting Started with D3 Charts into Jasper
In this tutorial, I am going to show you a creation of circle using a custom visualization component and we will create a circle using D3 js. You can read more about D3 js from here. Note: If you have not setup RequireJS and PhantomJS then read following article Setup RequireJS and PhantomJS into Jasper before starting with this tutorial. Steps to Create a circle using the D3 library 1) Creation of build.js 2) Creation of Chart JS 3) Creation of CSS (not mandatory) 4) Creation of Optimized Script 5) Creation of JRXML 1) Creation of build.js: In this file, you have to write what all javascript is required to build your charts. You can give any name to this file it is not mandatory to use build.js as a file name. build.js ({ baseUrl: '', paths: { 'd3': 'd3.min' // d3 library }, name: "chart", // contains ...