在DOJO中自定义饼图切片

时间:2013-12-18 07:26:35

标签: dojo dojox.charting

我正在使用Dojo 1.6生成动态图表。这里我需要将数字百分比(%)放在相应的图表切片之外,因为我得到了下面的饼图。 enter image description here

以上图表的代码..

 dojo.xhrPost({
            url :"/ritl/chart/getModelPieDataForAll.htm",
            handleAs : "json",
            load : function(response, ioargs) {
             require([
            "dojox/charting/Chart",
            "dojox/charting/themes/MiamiNice",
            "dojox/charting/plot2d/Pie",
            "dojox/charting/action2d/Tooltip",
            "dojox/charting/action2d/MoveSlice",
            "dojo/colors",
            "dojox/charting/plot2d/Markers",
            "dojox/charting/axis2d/Default",
            "dojo/domReady!" ], 
            function(Chart, theme, Pie, Tooltip, MoveSlice,Legend) {
                var chart = new Chart("chartForModel",{
                    title: "Model Pie Chart",
                    titlePos: "bottom",
                    titleGap: 25,
                    titleFont: "normal normal normal 15pt Arial",
                    titleFontColor: "black"
                });
            chart.setTheme(dojox.charting.themes.MiamiNice);
            chart.addPlot("default", {
                    type : Pie, 
                    markers : true, 
                    radius : 100
                });
            chart.addAxis("x");
            chart.addAxis("y", {min : 100, max : 10000, vertical : true, fixLower : "major", fixUpper : "major"});
            chart.addSeries("Sales Product - 2013", response.data);
            chart.render();
            new dojox.charting.widget.Legend({
                chart : chart,
                horizontal : true
              }, "legend1");
            });
        },
    error : function(response, ioargs) {console.log("Inside Handle Error");
    }
});

1 个答案:

答案 0 :(得分:2)

将labelOffset添加到chart.addPlot。

例如chart.addPlot("default", { type : Pie, markers : true, labelOffset: -17, radius : 100 });