如何在经典ASP中绘制图形?

时间:2013-11-26 21:48:17

标签: graph asp-classic

假设我在经典ASP文件中有以下两个数组:

<%

    Dim x(5)
    x(0) = 0
    x(1) = 1
    x(2) = 2
    x(3) = 3
    x(4) = 4

    Dim y(5)
    y(0) = 10
    y(1) = 20
    y(2) = 15
    y(3) = 20
    y(4) = 5


%>

我是否能够绘制一个带有x和y轴的简单折线图,并使用上面的数组数据绘制点并绘制线条。当我在浏览器中加载图形时,必须在asp文件中显示该图形。我发现在ASP中绘制图形时找到很好的例子有点困难。有人可以给我一个方向,指出在哪里寻找好的例子,让它更容易理解吗?

1 个答案:

答案 0 :(得分:4)

不要试图在asp中绘制/渲染图形 - 你只是在寻求痛苦。

有许多伟大的图表库可以为你呈现数据,包括矢量,svg和amp;你可能想要的任何其他东西。

查看您的数据;我可以看到你的一个基本的例子 - 在这种情况下,我可以建议谷歌图表API吗?

以下是使用您的数据的示例:

function drawVisualization() {
  var data = google.visualization.arrayToDataTable([
    ['x', 'StackOverflow!'],
    ['0',   10],
    ['1',   20],
    ['2',   15],
    ['3',   20],
    ['4',   5]
  ]);

  new google.visualization.LineChart(document.getElementById('visualization')).
      draw(data, {curveType: "function",
                  width: 500, height: 400,
                  vAxis: {maxValue: 20}}
          );
}

让您的经典asp向客户端吐出上述JavaScript,Google Chart API将完成剩下的工作:

enter image description here

您可以使用他们的游乐场工具来玩google chart api:

https://code.google.com/apis/ajax/playground/?type=visualization#line_chart

要在您的某个页面中使用上述javascript,您需要包含相关的api js libs,如下所述:

https://google-developers.appspot.com/chart/interactive/docs/basic_load_libs