Customizing ListView Webpart in SP Online

Question

Hi,

 

 

I have a listview webpart on the home page of a sharepoint online site. There is a choice column in the list with options such as "Pending", "Cancelled", "Approved", "Not Taken". I want the background color for the choices to be displayed in different colors on the webpart.

 

 

How can i achieve this? 

Can I do it using JSLink in sharepoint online site homepage?

 

Please advice...