Question

我正在研究vb.net应用程序，该应用程序处理图表中显示的结果。我希望在图表的X轴上添加一个滚动条，因为有许多结果显示在x轴上。由于记录数量较多，图表的条形线会缩小，最终看起来很丑陋，难以辨认。我附加了现有的HTML以供参考。请告诉我如何在此处添加滚动条。

HTML语法：

<div style="width: 1102px">
<asp:Literal ID="Literal2" runat="server"></asp:Literal>
<asp:Chart ID="chtCompletion" runat="server" ImageLocation="TempImages/ChartPic_#SEQ(300,3)" Width="1000" Palette="SeaGreen" > 
   <Series> 
      <asp:Series Name="Completions" ChartType="Column"  ChartArea="MainChartArea"> 
        </asp:Series> 
   </Series> 

   <ChartAreas> 
      <asp:ChartArea Name="MainChartArea" > 
      <AxisX Title="Clients Filenumber" Interval="1"></AxisX>
      <AxisY Title="Completion %" Interval="25" Maximum="100"></AxisY>
      </asp:ChartArea> 
   </ChartAreas> 
</asp:Chart> 
</div>

Answer 1

为图表元素添加宽度（如果图表是动态的，可能需要计算它），如果需要，可以使用overflow-x: auto。

Answer 2

最后，我设法使用以下代码显示滚动条：

<div id="wrap" style="width:700px; height:325px; overflow-x: scroll;"> 
    <asp:Chart ID="chtCompletion" runat="server" Width="1500px" 
        Palette="SeaGreen" Height="298px">

我使用了“wrap”属性并增加了我的图表宽度以容纳我需要的数据。这个有效!!感谢帮助人...... :)

干杯， PRATIK

使用HTML将水平滚动条添加到图表

2 个答案: