Json 如何在html和servlet或jsp中创建分层饼图?

Json 如何在html和servlet或jsp中创建分层饼图?,json,ajax,jsp,servlets,Json,Ajax,Jsp,Servlets,我想创建一个显示百分比的分层饼图?如何在Java中使用d3创建分层饼图 应该是这样的: 请为我提供使用jsp、ajax、json和servlet创建的代码。如果您希望人们提供帮助,您需要提供更多信息。到目前为止你试过什么?你的图表数据从哪里来?你的问题是:“请做我的工作,而不是我,我不会工作。”从某个地方开始,只针对你发现的具体问题寻求帮助。顺便说一句,这是一个完全客户端的东西,它与java或php或任何其他服务器端无关。基于这些原因,我投票结束你的问题。thnks代表回复@Valentin。我

我想创建一个显示百分比的分层饼图?如何在Java中使用d3创建分层饼图

应该是这样的:


请为我提供使用jsp、ajax、json和servlet创建的代码。

如果您希望人们提供帮助,您需要提供更多信息。到目前为止你试过什么?你的图表数据从哪里来?你的问题是:“请做我的工作,而不是我,我不会工作。”从某个地方开始,只针对你发现的具体问题寻求帮助。顺便说一句,这是一个完全客户端的东西,它与java或php或任何其他服务器端无关。基于这些原因,我投票结束你的问题。thnks代表回复@Valentin。我动态创建了这么多类型的图表。thnks代表回复。@peterh
if ($('#Start_date').val().length==0 ) {
         alert("Please Select Start Date"); 
     }else if($('#end_date').val().length==0){
           alert("Please Select End Date");
     }
     else{

$('#chart-container-OTAType').text();
var graphData;
var data = {
    action: "getOTATypeByDate",
    fromDate: fromDate,
    toDate: toDate
};
var dataString = 'MainJson=' + JSON.stringify(data);
$.ajax({
    type: 'POST',
    url: './OTAServlet',
    data: dataString,
    dataType: 'text',
    async: false,
    success: function (result) {
        var responseData = $.trim(result);
        graphData = JSON.parse(responseData);
        if (FusionCharts('OTAType-Pie-chart')) {
            FusionCharts('OTAType-Pie-chart').dispose();
        }
        $("#divOTATypeGraph").text('');

          var chart = new FusionCharts({    
            type: 'pie2d',
            renderAt: 'divOTATypeGraph',
            id: 'OTAType-Pie-chart',
            width: '650',
            height: '500',
            dataFormat: 'json',
            dataSource: {
                "chart": {
                    "caption": "Report for OTA",
                    "showvalues": "1",
                    "showpercentvalues": "1",
                    "showpercentintooltip": "0",
                    "bgcolor": "#FFFFFF",
                    "basefontcolor": "#400D1B",
                    "showshadow": "0",
                    "animation": "0",
                    "showborder": "0",
                    "paletteColors": '#9B609B,#AACB47,#1A9494,#BE6F71, #AACB47',
                },
                "data": graphData
            },
            "events": {
                 "dataPlotClick": function (eventObj, dataObj) {
                    var text = dataObj.categoryLabel;
                    if(text == 'OTA') {
                        otaStatus = 1;
                    } 


                    if (otaStatus > 0) {
                        getBrandStatusByDate(otaStatus);
                    }
                }
            }


        });
        chart.render();
    }