mschart缩放和滚动

时间:2012-08-29 05:29:22

标签: c# asp.net webforms jqplot

这一定是一个愚蠢的问题,但我有点陷入其中。我需要在mschart上显示6000多条记录,使用c#作为Web应用程序。但他的问题是它显示没有空格,但这是不可接受的,因为我想看到每个recors的单独列。我浏览了许多在线提供的解决方案,但这不适用于我的问题,我试过了,

//Set automatic zooming
chart1.ChartAreas["Default"].AxisX.ScaleView.Zoomable = true;
chart1.ChartAreas["Default"].AxisY.ScaleView.Zoomable = true;

// Set automatic scrolling 
chart1.ChartAreas["Default"].CursorX.AutoScroll = true;
chart1.ChartAreas["Default"].CursorY.AutoScroll = true;

但是AxisX,AxisY命令给出了一个错误,指出它不可用。请帮助我,我尽我所能,但它不起作用。我甚至试过这个,

http://nuget.org/packages/MSChartExtension

虽然它适用于Windows窗体,但没有运气..请帮助我..我非常感激。 :)

编辑:这是我在参考后提出的代码..但它没有显示任何东西:(我是一个菜鸟,请帮助:)

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org /TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" runat="server">
        <title></title>
    </head>
    <body>
        <form id="form1" runat="server">

        <div>

        </div>
               <div id="chartdiv" style="height:400px;width:300px; ">
               <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
               <script language="javascript" type="text/javascript" src="jquery.min.js"></script>
               <script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script>

               <script language="javascript" type="text/javascript">

                     $.jqplot('chartdiv', [[[1, 2], [3, 5.12], [5, 13.1], [7, 33.6], [9, 85.9], [11, 219.9]]]);
               </script>
        </div>
        </form>
    </body>
    </html>

我将从这里下载的所有javascripts放到我的项目文件夹中, C:\ Users \ DELL \ Documents \ Visual Studio 2010 \ WebSites \ WebSite1 ..如果我错了请纠正我

1 个答案:

答案 0 :(得分:1)

如果您还处于开发阶段,我强烈建议您使用jqPlot 因为它有很多选择和很棒的视觉效果。它也非常容易与ASP.NET一起使用。

修改 从您的代码中可以看出,您忘记添加对脚本文件的引用,如here

所述

您应该在页面的<head></head>中添加以下内容:(将 src 更改为项目中文件的位置)

 <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="jquery.min.js"></script>
<script language="javascript" type="text/javascript" src="jquery.jqplot.min.js"></script>
<link rel="stylesheet" type="text/css" href="jquery.jqplot.css" />