Javascript Highcharts Treemap不';我不能在生产中与Laravel合作

Javascript Highcharts Treemap不';我不能在生产中与Laravel合作,javascript,laravel,highcharts,production,Javascript,Laravel,Highcharts,Production,我目前正在Highcharts中创建一个树状图,我遇到了一些问题,因为它没有在生产中显示结果,但在localhost中显示了结果。它也不会在控制台中显示错误,因此我不知道发生了什么。奇怪的是,如果只有一个结果,它就会显示出来。如果有几个结果,它就没有了 有什么想法吗?以前有人有过这种情况吗 问候 本地主机: 制作: Highcharts.chart('heatmap'{ 颜色轴:{ minColor:“#f5”, maxColor:Highcharts.getOptions().Color[

我目前正在Highcharts中创建一个树状图,我遇到了一些问题,因为它没有在生产中显示结果,但在localhost中显示了结果。它也不会在控制台中显示错误,因此我不知道发生了什么。奇怪的是,如果只有一个结果,它就会显示出来。如果有几个结果,它就没有了

有什么想法吗?以前有人有过这种情况吗

问候

本地主机:

制作:

Highcharts.chart('heatmap'{
颜色轴:{
minColor:“#f5”,
maxColor:Highcharts.getOptions().Color[0]
},
正在导出:{enabled:false},
系列:[{
类型:'treemap',
布局算法:“squarified”,
数据:数据\最终\热图
}],
打印选项:{
树形图:{
数据标签:{
格式化程序:函数(){
返回''+this.point.name+'
'+ ''+((this.point.value/sum_value)*100).toFixed(1)+''%''++''+ “
”; }, } } }, 标题:{ 正文:“研究所教育研究所(Matriculas primer año)” } });
控制台日志打印:


您检查过控制台了吗。有错误吗?@ahmed有,没有错误:(是否所有css文件都在生产中,并检查它们是否是本地的(在您的服务器上),并且您没有使用外部CSS,因为底部显示的colorAxis我认为生产服务器上的
数据\u final\u热图有问题。如何加载这些数据?与@Core972一致,您的数据似乎有问题。您可以尝试
控制台.log()吗
data\u final\u heatmap
变量,并将结果发送给我们?
Highcharts.chart('heatmap', {
        colorAxis: {
            minColor: '#f5f5f5',
            maxColor: Highcharts.getOptions().colors[0]
        },
        exporting: { enabled: false },
        series: [{
            type: 'treemap',
            layoutAlgorithm: 'squarified',
            data: data_final_heatmap
        }],
        plotOptions: {
            treemap: {
                dataLabels: {
                    formatter: function () {
                        return '<b>' + this.point.name + '</b><br>' +
                            '<b style="font-size: 20px;text-align: center;">' + ((this.point.value / sum_values) * 100).toFixed(1) + " %" + '</b> ' +
                            '<br/>';
                    },
                }
            }
        },
        title: {
            text: 'Porcentaje de estudiantes por institución <br>(Matriculas primer año)'
        }
    });