如何在經典ASP中繪制圖形？

Question

假設我在經典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中繪制圖形方面的好示例有點困難。 有人可以給我一個指導，說明在哪里可以找到好的例子並使其更容易理解嗎？

Answer 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完成：

您可以使用其游樂場工具使用Google Charts API：

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

要在您的頁面之一中使用上述javascript，您需要包含relevent api js庫，如下所述：

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