C# 如何在WebPartZone中加载highchart脚本

C# 如何在WebPartZone中加载highchart脚本,c#,javascript,asp.net,highcharts,web-parts,C#,Javascript,Asp.net,Highcharts,Web Parts,所以我正在尝试制作一个类似于仪表板的页面。为了实现这一点,我正在使用WebParts组件 例如,我正在使用: <asp:WebPartZone ID="WebPartZone2" runat="server"> <ZoneTemplate> </ZoneTemplate> </asp:WebPartZone> 在这个ZoneTemplate中,我想“加载”我的highchart(通过脚本)。“我的线条图”highchart的脚本是: <

所以我正在尝试制作一个类似于仪表板的页面。为了实现这一点,我正在使用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>

$(函数(){
var图;
$(文档).ready(函数(){
图表=新的高点图表。图表({
图表:{
renderTo:'lineChartDiv',
类型:“行”
},
标题:{
文字:“月平均气温”
},
副标题:{
文本:“子网站”
},
xAxis:{
类别:
},
亚克斯:{
标题:{
文字:“温度(°C)”
}
},
工具提示:{
启用:false,
格式化程序:函数(){
返回“+this.series.name+”
+ 这个.x+':'+这个.y+'°C'; } }, 打印选项:{ 行:{ 数据标签:{ 已启用:true }, enableMouseTracking:false } }, 系列:[{ 名称:"东京",, 数据:[7.0,6.9,9.5,14.5,18.4,21.5,25.2,26.5,23.3,18.3,13.9,9.6] }, { 名称:“”, 数据: //数据:[3.9,4.2,5.7,8.5,11.9,15.2,17.0,16.6,14.2,10.3,6.6,4.8] }] }); }); });
到目前为止,我只在进入页面时加载了完整的脚本。我希望它加载到我的“区域模板”中,以便我可以在该框架内显示它,并在必要时调整大小等。我该怎么做


也许我完全错了。也许有更好的方法可以通过类似于小部件的框架(在本例中为.NET WebParts)中的脚本加载highchart。

您使用的是.NET的什么框架?在framework 2.0中,我遇到了同样的问题,我必须创建一个web用户控件,并在那里导入所有您需要的东西,如highcharts和jquery框架


在3.5上,您可以动态添加它。

不清楚“在我的区域模板中加载”是什么意思。你能再解释一下吗?为什么不使用web用户控件呢?