JSFiddle - React, Tailwind, and code Playground

by harifrais

JavaScript

var response = [{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-24","CATEGORY":"Channel Engagement","CATEGORYCONTRIBUTION":0.0289256487},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-25","CATEGORY":"Claritas - Summarized Credit Score","CATEGORYCONTRIBUTION":0.0564},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-25","CATEGORY":"Competition","CATEGORYCONTRIBUTION":0.78},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-24","CATEGORY":"Demographics","CATEGORYCONTRIBUTION":0.0399728627},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-26","CATEGORY":"Lifecycle","CATEGORYCONTRIBUTION":0.98},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-26","CATEGORY":"Pricing and Billing","CATEGORYCONTRIBUTION":0.123},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-24","CATEGORY":"Product","CATEGORYCONTRIBUTION":0.1474642116},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-24","CATEGORY":"Product Engagement","CATEGORYCONTRIBUTION":0.1239955671},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-24","CATEGORY":"Service","CATEGORYCONTRIBUTION":0.0043172378},{"PROCESSTYPE":"DAILYCAR2","MODELNAME":"DAILY_ARPC","PROCESSDATE":"2019-05-24","CATEGORY":"product","CATEGORYCONTRIBUTION":0.00183634}];

var categoryName= [];
var categoryContri = [];
var categoryDate = [];
var categorySeriesData = [];
var categoryDates = '';
var dateArr = [];
var mydata = [];
var seriesData = [];
$.each(response, function(i, item) {
  // console.log(item);
  categoryName.push(item.CATEGORY);
  categoryContri.push(item.CATEGORYCONTRIBUTION);
   categoryDates = item.PROCESSDATE;

                      mydata.push({
                      "date":item.PROCESSDATE,
                      "value":item.CATEGORYCONTRIBUTION
                      })
dateArr.push(item.PROCESSDATE);
       ...