【问题标题】:Customize pie chart slice in DOJO在 DOJO 中自定义饼图切片
【发布时间】:2013-12-18 07:26:34
【问题描述】:

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

上图的代码..

 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");
    }
});

【问题讨论】:

    标签: dojo dojox.charting


    【解决方案1】:

    将 labelOffset: 添加到 chart.addPlot。

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多