JSFiddle - React, Tailwind, and code Playground

by amitaviv99

JavaScript

Ext.onReady(function () {
var mainStore = new Ext.data.Store({
    data: {
        "results" : [
            {"Title":"Company 1","Label 1":3,"Label 2":5,"Label 3":8,"Label 4":20},
            {"Title":"Company 2","Label 1":3,"Label 2":5,"Label 3":8,"Label 4":20},
            {"Title":"Company 3","Label 1":3,"Label 2":5,"Label 3":8,"Label 4":20}
           ],
    },
    reader: {
        fields: ['Title','Label 1','Label 2','Label 3','Label 4'],
	    type: 'json',
        root: 'results'
    }
                
});    
/*
var chartStore = new Ext.data.Store({
	fields: ['LabelName','value'],
    data: {
        "values" : [
                {labelName: 'Label 1', value: 3},
                {labelName: 'Label 2', value: 5}
           ],
    },
	proxy: {
        type: 'memory',
		reader: {
	        type: 'json',
            root: 'values'
		}
    }                           
});    
var chart = new Ext.chart.Chart({
    renderTo: Ext.getBody(),
    extend : 'Ext.chart.Chart',
    id     : 'mychart',
    store  : chartStore,
    title  : 'Chart...',

    series : [{
      type          : 'pie',
      dataField     : 'value',
      categoryField : 'labelName',
      showInLegend  :  true,

      label : {
        field    : 'labelName',
        display  : 'rotate',
        contrast :  true,
        font     : '12px Arial'
       }
     }]
});*/
});