<% data_1 = [{
      name: 'Bugs',
      value: 8,

    },
    {
      name: 'Chores',
      value: 1,

    },
    {
      name: 'Stories',
      value: 12,

    }
  ] %>

  <% data_2 = [{
      name: 'Queued',
      value: 7,

    },
    {
      name: 'In Progress',
      value: 6,

    },
    {
      name: 'Validation',
      value: 3,
    },
    {
      name: 'Done',
      value: 6,
    },
    
  ] %>

<% data_3 = [{
      name: '1 Point Tickets',
      value: 2,
    },
    {
      name: '3 Point Tickets',
      value: 5,
    },
    {
      name: '5 Point Tickets',
      value: 6,

    },
    {
      name: '8 Point Tickets',
      value: 3,
    },
    {
      name: '13 Point Tickets',
      value: 1,
    },
    
  ] %>
  <% data_4 = [{
      name: 'Facebook',
      value: 2498,
    },
    {
      name: 'YouTube',
      value: 2000,
    },
    {
      name: 'WhatsApp',
      value: 2000,

    },
    {
      name: 'Facebook Messenger',
      value: 1300,
    },
    {
      name: 'WeChat',
      value: 1165,
    },
    {
      name: 'Instagram',
      value: 1000,
    },
    {
      name: 'Tik Tok',
      value: 800,
    },
  ] %>


    <%= pb_rails("circle_chart", props: {
        chart_data: data_1,
        id: "size-test-1",
        min_point_size: 2,
        max_point_size: 200,
        inner_size: "sm",
        z_min: 0,
        start_angle: 0,
        header_format: '',
    }) %>

    <%= pb_rails("circle_chart", props: {
        chart_data: data_2,
        id: "size-test-2",
        min_point_size: 2,
        max_point_size: 200,
        inner_size: "md",
        z_min: 0,
        start_angle: 0,
        header_format: '',
    }) %>

    <%= pb_rails("circle_chart", props: {
        chart_data: data_3,
        id: "size-test-3",
        min_point_size: 2,
        max_point_size: 200,
        inner_size: "lg",
        z_min: 0,
        start_angle: 0,
        header_format: '',
    }) %>

    <%= pb_rails("circle_chart", props: {
        chart_data: data_4,
        id: "size-test-4",
        min_point_size: 2,
        max_point_size: 200,
        inner_size: "none",
        z_min: 0,
        start_angle: 0,
        header_format: '',
    }) %>