{
  "$schema": "https://schemas.wp.org/trunk/block.json",
  "apiVersion": 3,
  "name": "chee-block/simple-pie-chart-block",
  "version": "0.1.0",
  "title": "Simple Pie Chart Block",
  "category": "design",
  "icon": "chart-pie",
  "description": "Create simple and elegant pie & doughnut charts.",
  "supports": {
    "html": false
  },
  "editorScript": "file:./index.js",
  "editorStyle": "file:./index.css",
  "style": "file:./style-index.css",
  "viewScript": "file:./view.js",
  "render": "file:./render.php",
  "textdomain": "chee-blocks",
  "attributes": {
    "slices": {
      "type": "array",
      "default": [
        {
          "sliceTitle": "",
          "sliceColor": "#666",
          "slicePercentage": 10,
          "sliceValue": ""
        }
      ]
    },
    "showLegend": {
      "type": "boolean",
      "default": true
    },
    "legendBG": {
      "type": "string",
      "default": "#fff"
    },
    "legendStyle": {
      "type": "string",
      "default": "line"
    },
    "chartType": {
      "type": "string",
      "default": "Pie"
    },
    "chartWidth": {
      "type": "number",
      "default": 800
    }
  },
  "example": {
    "attributes": {
      "slices": [
        {
          "sliceTitle": "Example Slice 1",
          "sliceColor": "#ff0000",
          "slicePercentage": 25,
          "sliceValue": "25%"
        },
        {
          "sliceTitle": "Example Slice 2",
          "sliceColor": "#00ff00",
          "slicePercentage": 50,
          "sliceValue": "50%"
        },
        {
          "sliceTitle": "Example Slice 3",
          "sliceColor": "#0000ff",
          "slicePercentage": 25,
          "sliceValue": "25%"
        }
      ],
      "showLegend": true,
      "legendBG": "#f0f0f0",
      "legendStyle": "line",
      "chartType": "Pie",
      "chartWidth": 800
    }
  }
}