Web浏览器中的轮廓图

Question

我需要在Web浏览器中绘制轮廓图。它也需要互动。有谁知道好的JavaScript库，闪光或灵活的库文件来做到这一点？

Answer 1

我是一名Flex开发人员，所以我至少可以对此问题的这一部分进行交流。从我看到的这个在Flash/Flex中不存在（至少在任何可用的开源中）并且在很大程度上这个问题太模糊不清，可能链接到一些示例图像，说明它是什么试图创造。从谷歌搜索等高线图表中可以看出，基于不同用法的实现有很多种。一般来说，虽然在Flex中有一个数据可视化框架，其中包括一些做图表的起点，如果你有兴趣检查一下更多这里的链接：http://livedocs.adobe.com/flex/3/html/help.html?content=Part7_DataVis_1.html

另外，你可以从头开始更多的“从头开始”，并使用Degrafa作为出发点：http://livedocs.adobe.com/flex/3/html/help.html?content=Part7_DataVis_1.html

或者只是从头开始使用闪存绘制原语来实现它，如果您对目标有清晰的理解并且图表不会被重新设计，在很多不同的情况下使用，您可能最好使用这条路线，因为您将对最终产品进行最严格的控制。我这样做是为了构建一个伪三维条形图，它实际上比预期容易，我还没有，但我会发布代码以及我在http://www.shaunhusain.com/charts上制作的其他图表（需要重新启动到Linux才能得到例如，将在未来4小时内发布）。

肖恩

Answer 2

plotly.js

https://plot.ly/javascript/contour-plots/

https://plot.ly/javascript/reference/#contour

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);