Sha256: 1cac245e6832d90a0eda2ea01d616c80ee987b8f6c79b076e4c0f5d7db2695e7
Contents?: true
Size: 1.09 KB
Versions: 1851
Compression:
Stored size: 1.09 KB
Contents
import React from 'react'
import TreemapChart from '../_treemap_chart'
const chartData = [
{
name: 'Meat',
id: 'Meat',
color: "#0056CF",
}, {
name: 'Pepperoni',
parent: 'Meat',
value: 250,
}, {
name: 'Meatball',
parent: 'Meat',
value: 400,
}, {
name: "Anchovy",
parent: 'Meat',
value: 40,
}, {
name: 'Vegetarian',
id: 'Vegetarian',
color: "#F9BB00",
}, {
name: 'Onions',
parent: 'Vegetarian',
value: 300,
}, {
name: 'Pineapple',
parent: 'Vegetarian',
value: 90,
}, {
name: "Peppers",
parent: 'Vegetarian',
value: 80,
}, {
name: "Specialty",
id: "Specialty",
color: "#9E64E9",
},{
name: "Buffalo Chicken",
parent: "Specialty",
value: 400,
}, {
name: "Supreme",
parent: "Specialty",
value: 150,
}
]
const TreemapChartGroupedData = (props) => (
<div>
<TreemapChart
chartData={chartData}
grouped
id="treemap-grouped-data"
title="Grouped Toppings"
{...props}
/>
</div>
)
export default TreemapChartGroupedData
Version data entries
1,851 entries across 1,851 versions & 2 rubygems