Jsf 具有3d Highchart错误的Primefaces
在我的项目中,我使用Primefaces和3d Highchart尝试显示结果。我在浏览器中遇到的错误是a.graphic.out.add(c)在Highchart-3d.js.Highchart-2d支持中键入未定义的行号750,但3d不支持 通过xhtml页面Generate3DPiecHartReport中的值('piechartID',“数学,50:science,50”) chart.jsJsf 具有3d Highchart错误的Primefaces,jsf,primefaces,highcharts,Jsf,Primefaces,Highcharts,在我的项目中,我使用Primefaces和3d Highchart尝试显示结果。我在浏览器中遇到的错误是a.graphic.out.add(c)在Highchart-3d.js.Highchart-2d支持中键入未定义的行号750,但3d不支持 通过xhtml页面Generate3DPiecHartReport中的值('piechartID',“数学,50:science,50”) chart.js function generate3DPieChartReport(pieChartContai
function generate3DPieChartReport(pieChartContainerDivId, chartData, report)
{
pieChartContainerId = pieChartContainerDivId;
pieChartData = chartData;
percentageSymbol = "";
pieChartReport = report;
create3DPieChart();
}
function create3DPieChart()
{
var units = {
title: ''
};
var optionsPie = {
chart: {
renderTo: pieChartContainerId,
defaultSeriesType: 'pie',
backgroundColor:'none',
options3d: {
enabled: true,
alpha: 65
}
},
title: {
text: ''
},
tooltip: {
formatter: function() {
return '<b>' + this.point.name + '</b>: ' + this.y + ' ' + units.title;
}
},
plotOptions: {
pie: {
innerSize: 55,
depth: 25,
allowPointSelect: true,
cursor: 'pointer',
events: {
click: function(e) {
showDetails(e);
}
},
dataLabels: {
enabled: true,
formatter: function() {
return '<b>' + this.point.name + '</b>: ' + this.y + percentageSymbol;
}
}
}
},
series: []
};
Highcharts.setOptions({
colors: ['#058DC7', '#50B432', '#ED561B', '#DDDF00', '#24CBE5', '#64E572', '#FF9655', '#FFF263', '#6AF9C4']
});
var seriesPie = {
data: []
};
var seriesPieItem = new Array();
var chartSliceTokens = pieChartData.split(":");
for (var i = 0; i < chartSliceTokens.length; i++)
{
var sliceValue = chartSliceTokens[i];
var sliceIndivdualToken = sliceValue.split(",");
var sliceName = "";
var sliceVal = "";
seriesPieItem = new Array();
for (var j = 0; j < sliceIndivdualToken.length; j++)
{
if (j == 0)
{
sliceName = sliceIndivdualToken[j];
}
if (j == 1)
{
sliceVal = sliceIndivdualToken[j];
}
if (sliceName != "" && sliceVal != "")
{
seriesPieItem.push(sliceName);
seriesPieItem.push(parseFloat(sliceVal));
seriesPie.data.push(seriesPieItem);
}
}
}
optionsPie.series.push(seriesPie);
chart = new Highcharts.Chart(optionsPie);
}
函数生成3DPiecHartReport(pieChartContainerDivId、chartData、report)
{
pieChartContainerId=pieChartContainerDivId;
pieChartData=图表数据;
percentageSymbol=“”;
Piechart报告=报告;
create3DPieChart();
}
函数create3DPieChart()
{
变量单位={
标题:“”
};
var optionsPie={
图表:{
renderTo:Piechart集装箱船,
defaultSeriesType:'pie',
背景颜色:'无',
选项3D:{
启用:对,
阿尔法:65
}
},
标题:{
文本:“”
},
工具提示:{
格式化程序:函数(){
返回“+this.point.name+”:“+this.y+”+units.title;
}
},
打印选项:{
馅饼:{
内部尺寸:55,
深度:25,
allowPointSelect:true,
光标:“指针”,
活动:{
点击:功能(e){
展览详情(e);
}
},
数据标签:{
启用:对,
格式化程序:函数(){
返回“+this.point.name+”:“+this.y+percentageSymbol;
}
}
}
},
系列:[]
};
Highcharts.setOptions({
颜色:[“058DC7”、“50B432”、“ED561B”、“DDDF00”、“24CBE5”、“64E572”、“FF9655”、“FFF263”、“6AF9C4”]
});
var seriesPie={
数据:[]
};
var seriesPieItem=新数组();
var chartSliceTokens=pieChartData.split(“:”);
对于(var i=0;i
一些代码可能会有帮助。我无法重现问题-。你能发布一个实时演示吗,例如在JSFIDLE中?谢谢你,现在它的工作很好。现在Highchart.com标签已显示在图表中。然后如何隐藏它。JSFIDLE.net/roLekgbt标签也已显示。