Круговая диаграмма Dojo очень маленькая из-за labelOffset

Question

Я работаю с Dojo 1.9.3 и хочу, чтобы круговая диаграмма заполнила пространство его контейнера.

Следующий jsfiddle показывает очень маленький размер диаграммы из-за смещения метки. Кто-нибудь знает, как сохранить смещение метки (например, за пределами круговой диаграммы) и более точно изменить размер диаграммы.

http://jsfiddle.net/a7JLR/89/

var c = new Chart("reportChartDiv");
c.addPlot("default", {
    type: Pie,       
    radius: 40,
    labels: true,
    ticks: false,
    fixed: true,
    precision: 1,
    labelOffset: -30,
    labelStyle: "default",
    htmlLabels: true
});

Answer 1

Ему около года, но я искал несвязанную проблему с размером диаграммы, поэтому решил поиграть с вашим jsfiddle. Я обновил jsfiddle, чтобы диаграмма выглядела больше.

http://jsfiddle.net/danielkurtz/a7JLR/467/

var c = new Chart("reportChartDiv");
c.addPlot("default", {
    type: Pie,       
    //radius: 40,
    radius: 50,
    labels: true,
    ticks: false,
    fixed: true,
    precision: 1,
    //labelOffset: -30,
    labelOffset: -10,
    //labelStyle: "default",
    labelStyle: "columns",
    htmlLabels: true
});

Answer 2

HTML-код

 <div style="position:relative; width:550px;height:250px;border:solid 1px blue;">
  <div id="reportChartDiv" style='position:absolute; width:100%; height:100%;'></div>
 </div>

Вы можете попробовать этот код. И настройте свой радиус, параметр labelOffset, labelStyle.

  var c = new Chart("reportChartDiv");
  c.addPlot("default", {
    type: Pie,       
    radius:120,
    labels: true,
    ticks: false,
    fixed: true,
    precision: 1,
    labelOffset:30,
    labelStyle: "columns",
    htmlLabels: true
  });

Надеюсь, что это будет работать нормально.