Vrstevníc vo webovom prehliadači - flex, javascript, flash, grafy, obrys

Vo webovom prehliadači potrebujem vykresliť obrysový graf. Musí to byť tiež interaktívne. Vie niekto dobrú knižnicu javascript, flash alebo flex libary, aby to urobila?

odpovede:

Som vývojár spoločnosti Flex, aby som s tým mohol hovoriťaspoň časť tejto otázky. Z toho, čo som videl, vo Flash / Flex (aspoň v akomkoľvek otvorenom dostupnom zdroji) neexistuje a do veľkej miery je táto otázka príliš vágna na to, aby som na ňu mohol odpovedať. Možno odkaz na niektoré príklady obrázkov toho, čím ste. Pri vyhľadávaní obrázkov vrstevnicového grafu Google vidím dosť rôznych implementácií založených na rôznych použitiach. Všeobecne platí, že v rámci programu Flex existuje datavisualizačný rámec, ktorý obsahuje niekoľko východiskových bodov pre vytváranie grafov, ak máte záujem o kontrolu, že tu nájdete viac odkazov: http://livedocs.adobe.com/flex/3/html/help.html?content=Part7_DataVis_1.html

Prípadne by ste mohli začať o niečo viac „od nuly“ a použiť ako východiskový bod Degrafa: http://livedocs.adobe.com/flex/3/html/help.html?content=Part7_DataVis_1.html

Alebo jednoducho choďte celú cestu a urobte to z pravéhoScratch pomocou primitívov na kreslenie pomocou blesku, ak máte jasnú predstavu o svojom cieli a neočakáva sa, že sa tento graf bude opakovane používať v mnohých rôznych scenároch, môže byť pre vás najlepšia cesta touto cestou, pretože budete mať najužšiu kontrolu nad touto cestou konečný produkt. Urobil som to pre zostavenie pseudo 3D stĺpcového grafu a bolo to vlastne jednoduchšie, ako sa očakávalo, ešte som nemal kód, ale ja ho pošlem spolu s ďalšími grafmi, ktoré som urobil na http://www.shaunhusain.com/charts (Ak chcete získať tento príklad, musíte reštartovať Linux, príspevok uverejníte v priebehu nasledujúcich 4 hodín).

Shaun

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