jQWidgets Forums

jQuery UI Widgets › Forums › Chart › Pie chart legends

Tagged: 

This topic contains 5 replies, has 3 voices, and was last updated by  alexn 8 years, 2 months ago.

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Pie chart legends Posts
  • December 27, 2013 at 11:36 am Pie chart legends #47003

    Snehal
    Participant

    Hello,

    I have updated jqwidget’s version to 3.1.0
    In pie chart, i have applied toolTipFormatFunction, it affects legends.
    i.e the legends are also gets formatted like tooltip.

    Thanks & Regards,
    Snehal

    December 30, 2013 at 6:03 am Pie chart legends #47061

    Snehal
    Participant

    Hi,

    Please help me with this, it is affecting all pie charts legends.

    Thanks & Regards,
    Snehal.

    December 30, 2013 at 9:51 am Pie chart legends #47064

    Snehal
    Participant

    Please check this sample code.

    <!DOCTYPE html>
    <html lang=”en”>
    <head>
    <title id=’Description’>jqxChart Bar Series Example</title>
    <link rel=”stylesheet” href=”../../jqwidgets/styles/jqx.base.css” type=”text/css” />
    <script type=”text/javascript” src=”../../scripts/jquery-1.10.2.min.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxcore.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxchart.js”></script>
    <script type=”text/javascript” src=”../../jqwidgets/jqxdata.js”></script>
    <script type=”text/javascript”>
    $(document).ready(function () {
    // prepare chart data
    var sampleData = [
    { Country: ‘China’, Population: 1347350000, Percent: 19.18},
    { Country: ‘India’, Population: 1210193422, Percent: 17.22},
    { Country: ‘USA’, Population: 313912000, Percent: 4.47},
    { Country: ‘Indonesia’, Population: 237641326, Percent: 3.38},
    { Country: ‘Brazil’, Population: 192376496, Percent: 2.74}];
    // prepare jqxChart settings
    var settings = {
    title: “Top 5 most populated countries”,
    description: “Statistics for 2011″,
    showLegend: true,
    enableAnimations: true,
    padding: { left: 20, top: 5, right: 20, bottom: 5 },
    titlePadding: { left: 90, top: 0, right: 0, bottom: 10 },
    source: sampleData,
    categoryAxis:
    {
    dataField: ‘Country’,
    showGridLines: true,
    flip: false
    },
    colorScheme: ‘scheme01’,
    seriesGroups:
    [
    {
    type: ‘pie’,
    valueAxis:
    {
    displayValueAxis: true,
    description: ”,
    formatFunction: function (value) {
    return parseInt(value / 1000000);
    }
    },
    series: [
    { dataField: ‘Population’,
    displayText: ‘Country’,
    toolTipFormatFunction: function(value){
    return “Country : “+value;
    }
    }
    ]
    }
    ]
    };
    // setup the chart
    $(‘#jqxChart’).jqxChart(settings);
    });
    </script>
    </head>
    <body class=’default’>
    <div id=’jqxChart’ style=”width:680px; height:400px; position: relative; left: 0px; top: 0px;”>
    </div>
    </body>
    </html>

    December 30, 2013 at 10:10 am Pie chart legends #47066

    Peter Stoev
    Keymaster

    Hi Snehal,

    We are aware about that, but we cannot offer a solution at present. I will add a high-priority work item which will be resolved in the next version.

    Best Regards,
    Peter Stoev

    jQWidgets Team
    http://www.jqwidgets.com/

    December 30, 2013 at 10:15 am Pie chart legends #47068

    Snehal
    Participant

    OK Peter, Thank you.

    Regards,
    Snehal

    April 11, 2017 at 4:26 pm Pie chart legends #92865

    alexn
    Participant

    I’m using version 4, and this issue doesn’t appear to be resolved. Is there at least a workaround yet?

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.