Question

I am using jqplot for drawing a pie chart. But when I draw a pie chart with data that represent 100% of a variable, it shows a very strange pie chart.

This is my code

<script type="text/javascript">
$(document).ready(function()
{

    $('#chart1').bind('jqplotDataHighlight', 
        function (ev, seriesIndex, pointIndex, data) 
        {
            $('#info1').html('' + data[0] + " - " + data[1] );
        }
    );

    $('#chart1').bind('jqplotDataUnhighlight', 
        function (ev) {
            $('#info1').html('&nbsp;');
        }
    ); 


    var plot1 = jQuery.jqplot ('chart1', [data],
    { 
        title: {
            text: '',   // title for the plot,
            show: true,
        },
        seriesDefaults: {
            renderer: jQuery.jqplot.PieRenderer,
            padding: 0,
            color:"#FFFFFF",    
            shadow: false,
            rendererOptions: {
              dataLabelFormatString: "<font color=white>%d%</font>",
              diameter: 135,
              showDataLabels: true, 
              sliceMargin: 1, 
              textColor: "#ABBBBB",
              lineWidth: 5
            },

        }, 
        legend: {
            show:true, location: 'e'
        },

        grid: {
            background: '#ffffff',
            shadow: false,
            borderWidth: 0
        }
    }

  );
});
</script>   

Answer 1

problem is

sliceMargin: 1,

without it all works ok.