Рисование веб-графика

Я пытаюсь нарисовать график на веб-странице ASP. Я надеюсь, что API может быть полезным, но пока мне не удалось его найти.

Граф содержит помеченные узлы и немаркированные направленные ребра. Идеальным результатом будет что-то вроде это.

Кто-нибудь знает что-нибудь заранее созданное, чем может помочь?

Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
9
0
4 071
9
Перейти к ответу Данный вопрос помечен как решенный

Ответы 9

Я не уверен насчет интерфейса ASP, но вы можете проверить графвиз.

/ Аллан

Возможно, вам удастся сделать это с помощью Google Chart API. Начать работу очень легко.

Это не вариант для этого типа графика.

Kenn 16.09.2008 10:21

диаграммы и графики - это разные вещи.

xxxxxxx 14.03.2010 11:03

Я бы порекомендовал зедграф

Ответ принят как подходящий

Определенно графвиз. Изображение по ссылке в Википедии, на которую вы указываете, было создано в graphviz. Со страницы описания файл описания графика выглядел так:

graph untitled {
    graph[bgcolor = "transparent"];
    node [fontname = "Bitstream Vera Sans", fontsize = "22.00", shape=circle, style = "bold,filled" fillcolor=white];
    edge [style=bold];
    1;2;3;4;5;6;
    6 -- 4 -- 5 -- 1 -- 2 -- 3 -- 4;
    2 -- 5;
}

Если бы этот код был сохранен в файле input.dot, команда, которую они использовали бы для фактического создания графика, вероятно, была бы такой:

neato -Tsvg input.dot > graph.svg

GraphViz отлично справляется с крошечными графами, но не с огромными. Если ваш график достаточно большой, попробуйте aiSee или посмотрите альтернативы на этот список.

Вы можете использовать QuickGraph, чтобы легко моделировать граф программно, затем экспортировать его в GraphViz или GLEE, а затем визуализировать в PNG.

Что ж, вот еще один ответ 2 года спустя. Protovis теперь выполняет принудительно-ориентированные макеты графов, отображаемые в браузере: http://vis.stanford.edu/protovis/ex/force.html Может быть проще, если вы не можете установить клиентское программное обеспечение. Также это весело и интерактивно!

Мы производим mxGraph, который поддерживает ASP.NET и большинство других основных серверных технологий. Это полностью клиентская часть JavaScript, с тонким слоем для общения, написанным на .NET, поэтому не требуется много ASP.NET. Но в качестве одного из примеров мы предоставляем ASP-проект для Visual Studio.

Отказ от ответственности: я основатель Image-Charts.

Если вы ищете веб-API:

https://image-charts.com/chart
?cht=gv
&chl=graph g{1;2;3;4;5;6; 6 -- 4 -- 5 -- 1 -- 2 -- 3 -- 4; 2 -- 5;)

Другие вопросы по теме