Javascript Highcahrts有时会加载，但并不总是如此

我有一个网站，使用highcharts来显示一些折线图和饼图。 在所有页面上，饼图都正常加载，但折线图有时加载，有时不加载

这是我加载highchart的代码：

function loadHighChart()
    {
        $(function () {
            $('#highchart').highcharts({
                chart: {

                },
                title: {
                    text: 'Country Statistic'
                },
                tooltip: {
                    useHTML: true,
                    valueDecimals: 2,
                    valuePrefix: '',
                    valueSuffix: ' (Mt)  '
                },
                xAxis: {
                    categories: DataYear,
                    title: {
                        text: 'Over years'
                    }
                },
                yAxis: {

                    title: {
                        text: 'Value'
                    },
                },
                series: [{
                    name: 'Consumption',
                    data: DataConsumption
                },
                    {
                        name: 'Production',
                        data: DataProduction
                    },
                    {
                        name: 'Import',
                        data: DataImport
                    },
                    {
                        name: 'Export',
                        data: DataExport
                    }
                ]
            });
        });
    }

---

答案很简单。我有两个ajax调用，一个加载字符，另一个加载下面的表。问题是图表的div位于div中，表数据重写了它被调用的数据，所以它只显示它首先加载的图表，然后再加载图表。因此，我将图表div移到表div.：D之外，DataYear、dataconsumpion、DataProduction、DataImport和DataExport在哪里生成？我敢打赌这就是问题所在。控制台中有错误吗？也可以删除函数中的就绪处理程序。DataYear、DataConsumption、DataProduction、DataImport和DataExport是全局变量，其中包含数据。我使用console.log进行检查。所以不是这样。因为相同的数据用于加载图表下方的表，并且总是显示出来。我猜数据来自后端？如果这是AJAX，那么数据可能有问题。但是，如果HTML表中显示了相同的内容，那么我猜您的格式有时不正确-JS控制台中有错误吗？可能您的值是字符串，而应该是数字等。是的，数据来自后端。我检查了我的控制台，我得到的唯一错误是一些与图表无关的图像。至于变量作为数字传递的格式，我也检查了它。我建议尝试将变量作为直接数据加载，并确保首先可以工作。如果这样做有效，您需要找出硬编码值和变量填充值之间的区别。如果没有找到答案，请在此处张贴这些变量的输出。