Javascript Highstock/Highcharts在折线图中缓慢显示点

我正在使用asp.net MVC 5并使用dot net highcharts/highstock显示我的数据

所有数据都显示正确，但存在一个问题

当我从

2W

即2周缩放到

3W

即3周时，问题出现在折线图中。标签先显示，然后显示线条，仅在1秒左右发生。下面的图像将向读者澄清我的问题

如前所述，在第一张图片中，标签显示在第一张图片中，在第二张图片中，线条出现在第一张图片中的1秒时间内

下面是包含的内容

<script src="~/Scripts/highstock/4.2.6/highstock.js" type="text/javascript"></script>
<script src="~/Scripts/highstock/4.2.6/modules/exporting.js" type="text/javascript"></script>
<script src="~/Scripts/highstock/4.2.6/modules/boost.src.js" type="text/javascript"></script>
<script src="~/Scripts/highstock/4.2.6/modules/boost.js" type="text/javascript"></script>

<script src="~/Scripts/highstock/4.2.6/themes/grid.js" type="text/javascript"></script>

---

如果您有任何帮助，我们将不胜感激。

您是否尝试过加载增压模块一次？你能用示例性数据在JSFIDLE演示中重现这个问题吗？是的，boost.js已添加。它已添加两次-请尝试删除加载boost的一行，这样你将只加载该模块一次。删除了一行仍然存在相同问题。如果没有实时演示，我无法做更多。你试过加载boost模块一次吗？你能用示例性数据在JSFIDLE演示中重现这个问题吗？是的boost.js被添加了两次-请尝试删除加载boost的一行，这样你将只加载该模块一次。删除了一个仍然有相同问题的模块如果没有实时演示，我无法做更多。

var chart2 = new Highcharts.Chart({

        chart: {
            renderTo: 'container2',
            type: 'line',
            zoomType: 'xy',
            panning: true,
            panKey: 'shift',
            resetZoomButton: {
                position: {
                    //align: 'right', // by default
                    //verticalAlign: 'top', // by default
                    x: -10,
                    y: 350,
                    //height: 25
                },

                relativeTo: 'chart'
            }
        },
        rangeSelector: {
            enabled: true,
            buttonTheme: { // styles for the buttons
                fill: 'none',
                stroke: 'none',
                'stroke-width': 0,
                r: 8,
                style: {
                    color: '#039',
                    fontWeight: 'bold'
                },
                states: {
                    hover: {
                    },
                    select: {
                        fill: '#039',
                        style: {
                            color: 'white'
                        }
                    }
                    // disabled: { ... }
                }
            },
            inputBoxWidth: 160,
            inputStyle: {
                color: '#039',
                fontWeight: 'bold'
            },
            labelStyle: {
                color: 'black',
                fontWeight: 'bold'
            },
            buttons: [{
                type: 'minute',
                count: 60 * 6,
                text: '6h'
            }, {
                type: 'day',
                count: 1,
                text: '1d'
            }, {
                type: 'day',
                count: 7,
                text: '7d'
            },
              {
                  type: 'day',
                  count: 14,
                  text: '2w'
              },
              {
                  type: 'day',
                  count: 21,
                  text: '3w'

              },
              {
                  type: 'month',
                  count: 1,
                  text: '1m'
              },
              {
                  type: 'all',
                  text: 'All'
              }]
        },
        scrollbar: {
            enabled: true
        },
        navigator: {
            enabled: true,
            height: 30,

        },
        //scrollbar: {
        //    enabled: true,
        //    barBackgroundColor: 'silver',
        //    barBorderRadius: 7,
        //    barBorderWidth: 0,
        //    buttonBackgroundColor: 'silver',
        //    buttonBorderWidth: 0,
        //    buttonArrowColor: 'yellow',
        //    buttonBorderRadius: 7,
        //    rilfeColor: 'yellow',
        //    trackBackgroundColor: 'none',
        //    trackBorderWidth: 1,
        //    trackBorderRadius: 8,
        //    trackBorderColor: '#CCC'
        //},

        title: {
            text: 'Power vs Date & Time',
            style: {
                //color: '#FF00FF',
                fontWeight: 'bold'
            }
        },
        xAxis: {
            // categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
            type: 'datetime'
        },
        yAxis: {
            scrollbar: {
                enabled: true,
                showFull: false
            },
            alternateGridColor: '#FDFFD5',
            title: {
                text: 'Power (KW)'
            }

        },
        plotOptions: {
            line: {
                turboThreshold: 50000
            },
            series: {
                marker: {
                    enabled: true,
                    symbol: 'circle',
                    radius: 3
                }
            }
        },
        series: [{
            name: 'Power kW',
            data: arry_power,
        }],

    });