如何在 WebPartZone 中加载 highchart 脚本

Posted 2023-03-27

【中文标题】如何在 WebPartZone 中加载 highchart 脚本

【英文标题】：How to load a highchart script within a WebPartZone

【发布时间】：2013-02-20 03:44:45

【问题描述】：

所以我正在尝试制作一个类似仪表板的页面。为此，我使用了 WebParts 组件。

例如，我正在使用：

<asp:WebPartZone ID="WebPartZone2" runat="server">
<ZoneTemplate>
</ZoneTemplate>
</asp:WebPartZone>

在这个 ZoneTemplate 中，我想“加载”我的 highchart（通过脚本）。我的折线图 highchart 的脚本是：

 <script>
            $(function () 
    var chart;
    $(document).ready(function() 
        chart = new Highcharts.Chart(
            chart: 
                renderTo: 'lineChartDiv',
                type: 'line'
            ,
            title: 
                text: 'Monthly Average Temperature'
            ,
            subtitle: 
                text: 'subtitel'
            ,
            xAxis: 
                categories: <%=Xaxis %>
            ,
            yAxis: 
                title: 
                    text: 'Temperature (°C)'
                
            ,
            tooltip: 
                enabled: false,
                formatter: function() 
                    return '<b>'+ this.series.name +'</b><br/>'+
                        this.x +': '+ this.y +'°C';
                
            ,
            plotOptions: 
                line: 
                    dataLabels: 
                        enabled: true
                    ,
                    enableMouseTracking: false
                
            ,
            series: [
                name: 'Tokyo',
                data: [7.0, 6.9, 9.5, 14.5, 18.4, 21.5, 25.2, 26.5, 23.3, 18.3, 13.9, 9.6]
            , 
                name: '<%=SeriesYaxis2name %>',
                data: <%=SeriesYaxis2 %>
                //data: [3.9,4.2,5.7,8.5,11.9,15.2,17.0,16.6,14.2,10.3,6.6,4.8]
            ]
        );
    );

);
        </script>

到目前为止，我只在进入页面时设法加载了完整的脚本。我希望它加载到我的“区域模板”中，以便我可以在该框架内显示它并在必要时调整大小等。我该怎么做？

也许我做错了。也许有更好的方法通过“类似小部件”框架（在本例中为 .NET WebParts）中的脚本加载高图。

【问题讨论】：

不清楚“在我的区域模板中加载”是什么意思。你能再解释一下吗？

为什么不使用网络用户控件？

【参考方案1】：

你在用什么 .net 框架？我在框架 2.0 中遇到了同样的问题，我必须创建一个 Web 用户控件，并在那里导入你需要的所有东西，比如 highcharts 和 jquery 框架。

在 3.5 上可以动态添加。