如何在经典 ASP 中绘制图形？答案

【问题标题】：How to draw graphs in classic ASP?如何在经典 ASP 中绘制图形？
【发布时间】：2013-11-27 07:38:48
【问题描述】：

假设我在一个经典的 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 中绘制图形的好例子。有人可以指导我在哪里寻找好的例子并使其更容易理解吗？

【问题讨论】：

由于渲染是在客户端使用 HTML + CSS 完成的，因此除了填充值之外，服务器端代码与它几乎没有关系。有很多用于图形的 HTML + CSS 解决方案。去研究一下。
如果您可以访问运行 ASP.NET 的不同服务器（或者更好的是还可以在同一台服务器上编写 ASP.NET），您可以编写将这些数组作为输入并发送回图形图像的 Web 服务作为输出，然后经典 ASP 将使用它。

标签： graph asp-classic

【解决方案1】：

不要尝试在 asp 中绘制/渲染图形 - 你只是在自找苦恼。

有许多很棒的图表库可以为您呈现数据，包括矢量、svg 和您可能想要的任何其他内容。

查看您的数据；我可以在一个基本示例之后看到您的 - 在这种情况下，我可以建议 Google Chart 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 完成：

您可以使用他们的 Playground 工具来玩谷歌图表 api：

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

要在您的一个页面中使用上述 javascript，您需要包含此处所述的相关 api js 库：

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

【讨论】：