javascript - Jquery Highcharts 与常用功能一起使用时未加载？

Question

我正在使用 jquery HighCharts。我想创建一个通用函数来开发多个相同类型的图表。为了实现这个目标，我创建了一个函数，如下 -

function generateGraph(data) {
   var dates = new Array();        
   var startDate  =  "";
   for (var i = 0; i < data.length; i++) {        
      dates[i] = data[i].date;         
   }
    var productInsight = _comm.getProductInsightArray();
    var productInsight_Array = new Array();
    $.each(productInsight, function(key, value) {
        productInsight_Array.push(key);
    });

   if(dates.length > 0) {
      startDate = dates[0].split("/");
   }

   intervals = 24 *3600 * 1000; //one day       
   var title = $("#DateSearch_analytics_Similar_Stores1").val(); 
   var color = ['#000000', '#FFFFFF', '#000080', '#0000FF', '#808080'];
   var containers =['container1', 'container2','container3','container4', 'container5', 'container6', 'container7', 'container8', 'container9'];

 for(var j=0; j<containers.length; j++)
 {
    var chart = new Highcharts.Chart({
        chart: {
            zoomType: 'x',
            renderTo: containers[j],
            type: 'line',
        },
        title: {
           text:   title
        },
        subtitle: {
           text: document.ontouchstart === undefined ?
               'Click and drag in the plot area to zoom in' :
               'Pinch the chart to zoom in'
        },
        xAxis: {
           type: 'datetime',
           tickInterval: intervals,      
        },

        series: []  
    });

    for(var i=0; i < productInsight_Array.length; i++) {
            var fillData = new Array();
            var counter = 0;
            var productValue = document.getElementById('product-nm').value;
            $.each(dates, function() {
                fillData[counter] = _comm.randomNumberFromRange(_randomNumberStartRange, _randomNumberEndRange);
                counter++;
            });
            chart.addSeries({
                name: productInsight_Array[i],
                type: 'line',
                color: color[i],
                pointStart: Date.UTC(startDate[2], startDate[0] - 1, startDate[1]),
                pointInterval: intervals,
                data: fillData,

            });
         }

    $("text:contains('Highcharts.com')").css("display", "none");
  }
}

它工作正常，并在窗口加载和按钮单击上开发图表。我将这些图形保存在第 9 个容器中，但此脚本未在第 3 个容器中加载图形，并且当我删除第 3 个容器时，它不会在第 4 个容器中加载，依此类推。但是当我在单击按钮而不是加载文档时调用此函数时，它工作得很好。

作为创建所有图表的通用函数，我对它的发生感到惊讶。

我需要你的帮助! :(

谢谢

Answer 1

问题是加载函数时您的标记不存在。因此，当您单击该按钮时可以正常工作。当按钮可见时，所有标记都已加载。

查看您的加载订单。

另外注释:将其放入图表声明中:

credits: {
   enabled: false
}

不显示制作人员信息:“Highcharts.com”。 An example