Javascript web浏览器中的等高线图

我需要在web浏览器中绘制等高线图。它也需要互动。有谁知道好的javascript库、flash或flex库可以做到这一点吗？

我是flex开发人员，所以我至少可以谈谈这个问题的这一部分。据我所见，这在Flash/Flex中是不存在的（至少在任何开源软件中是不存在的），而且在很大程度上，这个问题太模糊了，无法回答，也许可以链接到一些您试图创建的示例图像。通过谷歌搜索等高线图图像，我发现基于不同的用法有很多不同的实现。一般来说，尽管Flex中有一个datavisualization框架，其中包含一些用于绘制图表的起点，如果您有兴趣进一步了解这一点，请参见以下链接：

或者，您可以从零开始，使用Degrafa作为起点：

或者直接使用flash绘图原语从头开始真正地做，如果您对目标有清晰的理解，并且该图表预计不会在许多不同的场景中重复使用，那么您最好选择这条路线，因为您将对最终产品有最严格的控制。我这样做是为了构建一个伪3D条形图，实际上比预期的要容易，我还没有，但我会发布代码以及我在上制作的一些其他图表（需要重新启动到linux才能获得该示例，将在接下来的4小时内发布）

---

Shaun

我是一名Flex开发人员，所以我至少可以谈谈这个问题的这一部分。据我所见，这在Flash/Flex中是不存在的（至少在任何开源软件中是不存在的），而且在很大程度上，这个问题太模糊了，无法回答，也许可以链接到一些您试图创建的示例图像。通过谷歌搜索等高线图图像，我发现基于不同的用法有很多不同的实现。一般来说，尽管Flex中有一个datavisualization框架，其中包含一些用于绘制图表的起点，如果您有兴趣进一步了解这一点，请参见以下链接：

或者，您可以从零开始，使用Degrafa作为起点：

或者直接使用flash绘图原语从头开始真正地做，如果您对目标有清晰的理解，并且该图表预计不会在许多不同的场景中重复使用，那么您最好选择这条路线，因为您将对最终产品有最严格的控制。我这样做是为了构建一个伪3D条形图，实际上比预期的要容易，我还没有，但我会发布代码以及我在上制作的一些其他图表（需要重新启动到linux才能获得该示例，将在接下来的4小时内发布）

肖恩

plotly.js

plotly.js

---

你好，肖恩，非常感谢你的帮助。现在我正在研究Flex上的数据可视化。我需要做的是创建一种图表。再次感谢你的帮助！嗨，Ashen，很抱歉，我还没来得及发布这个示例，但无论如何，我将不得不推迟到明天，可能是下班后，但我会看看我可以根据所显示的图像收集什么。你能提供一个样本数据集吗，如果需要，可以使用pastebin或其他东西发布。好的，发布了第一个示例，这是我用flash原语绘制的旧图表，用于获得伪3d条形图，根据我在这里看到的：我想除了3D视图之外，我可能只需要绘图原语就可以完成其中的任何一个。3D视图看起来更具挑战性，但是所有2D视图看起来都很合理，但是请发布一些示例数据集，这样我就知道输入的数据是什么样子，我可以给你一个好的开始。你好Shaun，非常感谢你的帮助。现在我正在研究Flex上的数据可视化。我需要做的是创建一种图表。再次感谢你的帮助！嗨，Ashen，很抱歉，我还没来得及发布这个示例，但无论如何，我将不得不推迟到明天，可能是下班后，但我会看看我可以根据所显示的图像收集什么。你能提供一个样本数据集吗，如果需要，可以使用pastebin或其他东西发布。好的，发布了第一个示例，这是我用flash原语绘制的旧图表，用于获得伪3d条形图，根据我在这里看到的情况：我想我可能只需要绘图原语就可以完成其中的任何一个，而3D视图看起来更具挑战性，但所有2D视图看起来都很合理，但请发布一些示例数据集，这样我就知道输入的数据会是什么样子，我可以为您提供一个良好的开始。

var data = [ {
        z: [[10, 10.625, 12.5, 15.625, 20],
    [5.625, 6.25, 8.125, 11.25, 15.625],
    [2.5, 3.125, 5.0, 8.125, 12.5],
    [0.625, 1.25, 3.125, 6.25, 10.625],
    [0, 0.625, 2.5, 5.625, 10]],
        type: 'contour'
    }
];

var layout = {
  title: 'Basic Contour Plot'
}

Plotly.newPlot('myDiv', data, layout);