Flot круговая диаграмма обрезаться

Question

У меня есть следующий код, показывающий круговую диаграмму с Flot:

HTML

<div style="background-color: #000000"> 
    <div id="divChartContainer" style="width: 50px; height: 50px"></div> 
</div> 

JS:

$(function() { 
    $.plot($('#divChartContainer'), [{data: 60, color: '#F0F0F0'},{data: 40, color: '#F68E22'}], { 
     series: { 
      pie: { 
       show: true, 
       stroke: { width: 2, color: '#F0F0F0'}, 
       label: { show: false }, 
       }, 
      legend: { show: false } 
     } 
    }); 
}); 

Это также в fiddle здесь. Я не уверен, почему верхний, нижний, левый и правый края обрезаны, так как я сказал, что график должен быть 50px высоким и широким.

Answer 1

Следуя за номером comment от mechenbier, вам нужно получить размер пирога меньше размера контейнера, чтобы он все еще оставался внутри контейнера. Простым решением является установка радиуса до 24 (она должна быть меньше, чем половина высоты/ширины контейнера):

pie: { 
    show: true, 
    stroke: { width: 2, color: '#F0F0F0'}, 
    label: { show: false }, 
    startAngle: 3/2, 
    radius: 24 
}, 

Смотрите это обновление fiddle.