Results 1 to 2 of 2

Thread: Customization of callout Line for pie chart

  1. #1
    Sencha User
    Join Date
    Nov 2015
    Posts
    2

    Default Customization of callout Line for pie chart

    Hi,
    Is there a way to customize the 'calloutline' in a pie chart as shown in the attached image(expected behavior).
    I am using Extjs 6 , and with that I can draw only a single straight line between the pie slice and the label boundary as shown in current behavior.
    Piechart_2.jpg
    Please find the code

    Ext.define(App.view.pieChart, {
    extend: 'Ext.chart.PolarChart',
    store: {
    fields: ['name', 'value'],
    data: [
    { "name": "Uncategorised",
    "value": 22,
    },


    {
    "name": "Item0",
    "value": 50.34,


    }, {
    "name": "Item1",
    "value": 22.67,


    }, {
    "name": "Item2",
    "value": 12.90,


    }, {
    "name": "Item3",
    "value": 1.37,


    }, {
    "name": "Item4",
    "value": 2.67,


    }, {
    "name": "Item5",
    "value": 0.22,


    }, {
    "name": "Item-2",
    "value": 1.90,


    }, {
    "name": "Item-3",
    "value": 0.37,


    }, {
    "name": "Item-4",
    "value": 2.67,


    }
    ],
    shadow: true,
    series: [{
    type: 'pie',
    xField: ‘value’,
    label: {
    field: ‘value’,
    display: 'outside',
    orientation: 'rotate',
    calloutLine:{
    color:'black',
    length:30
    }
    }
    }]
    });

  2. #2
    Sencha Premium User
    Join Date
    Nov 2010
    Location
    Chicago
    Posts
    2,339

    Default

    I think this is a bug. These lines overlap in the official examples as well.

    http://examples.sencha.com/extjs/6.6...ts=true#pie-3d

    https://www.sencha.com/forum/showthr...lapping-labels

Similar Threads

  1. Customization of callout Line for pie chart
    By BibinT in forum Community Discussion
    Replies: 2
    Last Post: 23 Jan 2019, 3:16 PM
  2. On a Pie Chart using touch-2.4.2 can the callout line on a label be?
    By reg.phipps in forum Sencha Touch 2.x: Q&A
    Replies: 1
    Last Post: 5 May 2016, 12:22 PM
  3. [INFOREQ] Customization of markers config of Line chart
    By NCN in forum Sencha Touch 2.x: Bugs
    Replies: 2
    Last Post: 16 Sep 2012, 9:53 PM

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •