Контурная диаграмма в веб-браузере

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


javascript charts contour flash apache-flex
person Ashen Randika    schedule 05.01.2011    source источник

Ответы (2)


arrow_upward
1
arrow_downward

Я разработчик 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

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

Шон

person shaunhusain    schedule 05.01.2011
comment
Привет, Шон, большое спасибо за помощь. Теперь я изучаю визуализацию данных на Flex. Мне нужно создать steema.com/uploads/gallery/Contour.png вид диаграммы. Спасибо еще раз за помощь! - person Ashen Randika; 06.01.2011
comment
Привет, Эшен, извини, я еще не успел опубликовать этот пример, но в любом случае мне придется отложить это до завтра, вероятно, после работы, но я посмотрю, что я могу собрать, на основе показанного изображения, не могли бы вы также предоставить образец набора данных, используйте pastebin или что-то еще, чтобы опубликовать, если это необходимо. - person shaunhusain; 06.01.2011
comment
Хорошо, опубликовал первый пример, это моя старая диаграмма, нарисованная с помощью примитивов flash для получения псевдо-трехмерной гистограммы, на основе того, что я вижу здесь: mathworks.com/help/techdoc/ref/contour.html Я думаю, что смогу выполнить любое из этих действий, используя только примитивы рисования, помимо трехмерного вида, который выглядит лучше сложно, но все 2D, подобные вашему, кажутся довольно разумными, но, пожалуйста, опубликуйте несколько образцов данных, чтобы я знал, как будут выглядеть поступающие данные, и могу дать вам хорошее начало. - person shaunhusain; 07.01.2011

arrow_upward
0
arrow_downward

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);
person Stefan    schedule 24.05.2016