Heatmaps

Ok, got bored. 🙂 Try this… hopefully, this will get you going in the right direction. Have fun!!!

<skuidpage unsavedchangeswarning="yes" personalizationmode="server" showsidebar="true" showheader="true" tabtooverride="Opportunity" theme="Cool Grey">   <models>
  <model id="Opportunity" limit="100" query="true" createrowifnonefound="false" sobject="Opportunity">
     <fields>
        <field id="Name"></field>
        <field id="CreatedDate"></field>
     </fields>
     <conditions></conditions>
     <actions></actions>
  </model>

{{Model.labelPlural}} Home var">https://code.highcharts.com/highcharts.js">var params = arguments[0], $ = skuid.$; var">https://code.highcharts.com/modules/treemap.js">var params = arguments[0], $ = skuid.$; (function(skuid){ var $ = skuid.$; $(document.body).one('pageload',function(){ $('#container').highcharts({ series: [{ type: "treemap", layoutAlgorithm: 'stripes', alternateStartingDirection: true, levels: [{ level: 1, layoutAlgorithm: 'sliceAndDice', dataLabels: { enabled: true, align: 'left', verticalAlign: 'top', style: { fontSize: '15px', fontWeight: 'bold' } } }], data: [{ id: 'A', name: 'Apples', color: "#EC2500" }, { id: 'B', name: 'Bananas', color: "#ECE100" }, { id: 'O', name: 'Oranges', color: '#EC9800' }, { name: 'Anne', parent: 'A', value: 5 }, { name: 'Rick', parent: 'A', value: 3 }, { name: 'Peter', parent: 'A', value: 4 }, { name: 'Anne', parent: 'B', value: 4 }, { name: 'Rick', parent: 'B', value: 10 }, { name: 'Peter', parent: 'B', value: 1 }, { name: 'Anne', parent: 'O', value: 1 }, { name: 'Rick', parent: 'O', value: 3 }, { name: 'Peter', parent: 'O', value: 3 }, { name: 'Susanne', parent: 'Kiwi', value: 2, color: '#9EDE00' }] }], title: { text: 'Fruit consumption' } }); }); })(skuid);