Jsf 具有3d Highchart错误的Primefaces

Jsf 具有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

在我的项目中,我使用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(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标签也已显示。