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