3

そこで、ダッシュボードのようなページを作ろうとしています。これを実現するために、私は WebParts コンポーネントを使用しています。

たとえば、私は使用しています：

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

この ZoneTemplate では、(スクリプトによって) ハイチャートを「ロード」したいと考えています。私の折れ線グラフのハイチャートのスクリプトは次のとおりです。

 <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) 内のスクリプトを介してハイチャートをロードするより良い方法があります。

4

1 に答える 1

0

使用している .net のフレームワークは何ですか? フレームワーク 2.0 内で同じ問題が発生し、Web ユーザー コントロールを作成して、ハイチャートや jquery フレームワークなどの必要なものをすべてインポートする必要がありました。

3.5 では動的に追加できます。

于 2013-07-23T19:48:31.847 に答える