Contour Plot в веб-браузере - PullRequest
1 голос
/ 05 января 2011

Мне нужно построить контурную диаграмму в веб-браузере. Он также должен быть интерактивным. Кто-нибудь знает хорошую библиотеку javascript, flash или flex libary для этого?

Ответы [ 2 ]

1 голос
/ 06 января 2011

Я разработчик Flex, поэтому могу хотя бы поговорить с этим разделом этого вопроса.Из того, что я видел, этого нет во Flash / Flex (по крайней мере, в любом открытом доступном источнике), и в значительной степени этот вопрос слишком неопределенный, чтобы ответить, возможно, ссылка на некоторые примеры изображений того, чем вы являетесьпытаюсь создать.Из поиска в Google изображений контуров я вижу множество реализаций, основанных на различном использовании.В целом, хотя во 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

Или просто пройдите весь путь и делайте это по-настоящему с нуля, используя примитивы флэш-рисования, если у вас есть четкое понимание вашей цели и графикане ожидается повторного использования во многих различных сценариях, возможно, вам лучше пойти по этому пути, поскольку вы будете иметь самый жесткий контроль над конечным продуктом.Я сделал это для построения псевдо 3D гистограммы, и это было на самом деле проще, чем ожидалось, я еще не сделал, но я опубликую код вместе с некоторыми другими графиками, которые я сделал на http://www.shaunhusain.com/charts (необходимо перезагрузитьв Linux, чтобы получить этот пример, опубликует в течение следующих 4 часов).

Шон

0 голосов
/ 24 мая 2016

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