最近看到一款JS CHARTS,效果还不错,但我发现居然不支持AJAX,它只能读取已存在的XML文档,不能调用内存中的XML想问下谁能推荐点不错的图表生成工具,C#和JS 得都行

解决方案 »

  1.   

    介绍9个基于JavaScript和CSS的Web图表框架 :1. Flot 
    Flot 是一个纯粹的 jQuery JavaScript 绘图库,可以在客户端即时生成图形,使用非常简单,支持放大缩小以及鼠标追踪等交互功能。该插件支持 IE6/7/8, Firefox 2.x+, Safari 3.0+, Opera 9.5+ 以及 Konqueror 4.x+。使用的是 Safari 最先引入的 Canvas 对象,目前所有主流浏览器都支持该对象,除了 IE, 因此在 IE中使用 JavaScript 进行模拟。这里有一些实例。 2. JS Charts 
    JS Charts 是一个免费的基于 JavaScript 的图表生成器,表格绘制非常简单,几乎不需要编码,也不需要插件和服务器模块,使用XML 或 JavaScript 数组缓存数据。 3. TableToChart 
    TableToChart 是一个 MooTools 脚本,可以将 HTML Table 对象中存储的数据绘制成图表。你可以使用 table 标签生成图表,柱状图,曲线图,圆饼图等。 4. PlotKit 
    PlotKit 是一个 JavaScript 绘图库,支持 HTML Canvas 标签,也支持 SVG。 5. Yahoo UI Charts Control 
    YUI Charts Control 可以在网页上将表格数据转换为图表,支持柱状图,曲线图以及圆饼图。支持 DataSource 工具,可设置的轴,鼠标盘旋提示,图表组合,以及皮肤等功能。 6. ProtoChart 
    ProtoChart 是一个基于 Prototype 和 Canvas 标签的开源库,这个库深受 Flot, Flotr, Plotkit 等启发,支持曲线图,柱状图,圆饼图等,可以在同一个图表上显示多套数据,支持可定制的图例,网格,边界以及背景图。支持 IE6/7, Firefox 2/3 以及 Safari,甚至支持 iPhone. 7. EJSChart 
    EJSChart 支持鼠标追踪,鼠标事件,按键追踪与事件,缩放,滚动,交互等功能,将用户体验上升到一个新高度。支持曲线图,面积图,离散图,圆饼图,柱状图等形式,拥有完备文档的属性和方法可以帮助实现很好的定制。 8. fgCharting 
    fgCharting 是一个很出色的 jQuery 插件,支持多种图形。 9. Pure Css Data Chart 
    以往的数据展示往往通过 flash 实现,现在,我们可以通过纯粹的 CSS 实现类似的功能。CSSGlobe 有一个非常实用的教程帮你实现基于 CSS 的绘图,甚至不需要 JavaScript。 
      

  2.   

    JS Charts 是一个免费的基于 JavaScript 的图表生成器,表格绘制非常简单,几乎不需要编码,也不需要插件和服务器模块,使用XML 或 JavaScript 数组缓存数据。 
    我就是用的这个,它只能读取已存在的XML文档,不能调用内存中的XML<div id="chartcontainer1">This is just a replacement in case Javascript is not
    available or used for SEO purposes</div>
    <script type="text/javascript">
    var myChart = new JSChart('chartcontainer1', 'bar');
    myChart.setDataXML('data.xml');
    myChart.draw();
    </script>我想这样写,就会报错<div id="chartcontainer1">This is just a replacement in case Javascript is not
    available or used for SEO purposes</div>
    <script type="text/javascript">
    var xmlHttpReq = new ActiveXObject("MSXML2.XMLHTTP.3.0");
    xmlHttpReq.open("GET", "http://loalhost/data.xml", false);
    var myChart = new JSChart('chartcontainer1', 'bar');
    myChart.setDataXML(xmlHttpReq.responseText);
    myChart.draw();
    </script>
      

  3.   

    我对JS Charts也不是很熟悉
    没有看出你的代码有什么问题。
      

  4.   

    楼上的朋友帮忙研究下嘛,看能不能调用内存中的XML 
      

  5.   

    非常牛的开源图表控件 ZedGraph
      

  6.   

    EJSChart 好像不错,可惜不开源~
      

  7.   

    ZedGraph,mschart3.5,开源的js不熟,主要发现算法很麻烦,比如鼠标提示,坐标轴数字根据具体数值自动变换,大了就科学计数法,小了就小数点后2位,自动排列,否则会看不见,比如横轴是日期,