计算机科学论坛--svg从数据库中读取数据进行失量图的绘制

贴子主题： svg从数据库中读取数据进行失量图的绘制

本主题类别:

一直在用ASP，现在需要画折线图，原来用VML，可效果不大好，听说SVG不错，可大多地方都只介绍静态SVG图的绘制，可我的数据来源是数据库中的数据，如何实现呢？急！
问题可分解为2步
1）从数据库提取数据
2）处理数据，输出为svg(xml)
第一步为web程序员的基本功，有疑问到“编程论坛”求解更合适
第二步之“处理数据”看你的svg怎样组织数据。比如：
a.直接打印（参照jsp语法）
  
<polyline points="
    <c:forEach var="row" items="{$results}">
      ${row[0]},${row[1]}
     </c:forEach>
     "/>
b.数据岛方式。如果自信javascript功力好，可以将数据存在svg中的某处，让javascript来处理
<defs>
  <Results id="Results">
    <c:forEach var="row" items="{$results}">
    <Row x="${row[0]}" y="${row[1]}" />
     </c:forEach>
  </Results>
</defs>

<script><![CDATA[
  var svgDecument=...

  function getResults(){
   var res=svgDocument.getElementById("Results");
   ...
  }
]]>
</script>
c.db-->xml+xslt-->svg
在服务器端转换，企图在浏览器转换不会成功的。超出范围，不作介绍。

还有很多总方式，看你的想象和功力。
第二步之“输出为svg(xml)” 这属于基本功，这里就不介绍了。


	W 3 C h i n a ( since 2003 ) 旗下站点苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》	62.500ms