asp.net - 如何使我的 asp 图表在 x 方向上可滚动

Question

我有一个如下所示的 asp 图表:

<asp:Chart ID="Chart1" runat="server" BorderlineColor="Black"
  BorderlineDashStyle="Solid" BackColor="#B6D6EC" BackGradientStyle="TopBottom"
  BackSecondaryColor="White" Height="700px" Width="1800px" onload="Chart1_Load" 
                    style="margin-top: 0px; margin-left: 10px; OVERFLOW-X:scroll;">

    <ChartAreas>
        <asp:ChartArea Name="ChartArea1">
        </asp:ChartArea>      
    </ChartAreas>
    <Titles>
        <asp:Title Alignment="TopCenter" Font="Verdana, 12pt, style=Bold" Name="Title1" 
                                    Text="Graph" ForeColor="Blue">
        </asp:Title>
    </Titles>
</asp:Chart>

如您所见，我添加了一些我认为可以使我的图表可滚动的 css:

OVERFLOW-X:滚动;

但是，这是行不通的。我还尝试将此图表封装在一个 div 中并使该 div 可滚动，但这会使图表扩展到页面之外。我怎样才能使这个图表在页面内滚动并仍然保持我的图表尺寸(700 像素 x 1800 像素)

Answer 1

我能够添加这个 jquery 来添加一个滚动条并且效果很好:

<script class="code" language="javascript" type="text/javascript">
    $(document).ready(function () {
        var window_width = $(window).width() - 280;
        $("#chartdiv").css("width", window_width + "px");
    });

    $(window).resize(function () {
        var window_width = $(window).width() - 280;
        $("#chartdiv").css("width", window_width + "px");
    });
</script>

我还像这样将我的图表包含在一个 div 中:

<div id="chartdiv" style="overflow-x: scroll;">
    CHART GOES HERE
</div>