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