Highcahrts有时会加载,但并非总是如此

Highcahrts sometimes loads but not always

本文关键字:加载 Highcahrts      更新时间:2024-02-02

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

这是我加载高图的代码:

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调用,一个加载char,另一个加载它下面的表。问题是图表的div位于div内部,表数据会重写它被调用的数据,所以它只会显示它首先加载的图表,然后再显示图表。所以我只是将图表div移到了表div之外。:D