Проблема масштабирования для графиков

Спасибо за интеграцию этого функционала, у него огромный потенциал для визуализации данных!

Есть ли способ задать радиус (или размер в целом) круговой диаграммы?
По умолчанию она, к сожалению, настолько мала, что практически бесполезна :confused:

pie showData
    title Ключевые элементы в Продукте X
    "Кальций" : 42.96
    "Калий" : 50.05
    "Магний" : 10.01
8 лайков

У меня тоже возникают проблемы с размером и масштабированием. Например, диаграммы Ганта практически бесполезны :frowning:

Могла бы Discourse добавить возможность просматривать диаграммы Mermaid в полноэкранном режиме, аналогично Markdown Table Fullscreen?

6 лайков

Это отличная идея, мне бы очень хотелось её реализовать. На данный момент эта работа не запланирована.

8 лайков

Вероятно ли, что мы увидим какие-либо сдвиги в этом вопросе? Просто кажется таким обидным, что что-то столь полезное находится так близко к совершенству.

Мы хотели использовать круговую диаграмму, чтобы показать распределение языков в компании, но в итоге это реальные размеры :frowning:

1 лайк

Возможно ли добавить возможность масштабирования для отображения Mermaid? Сейчас большие диаграммы становятся довольно маленькими.

Может быть, стоит разрешить открывать диаграммы Mermaid в всплывающем окне (lightbox) с функциями панорамирования и масштабирования, как на https://mermaid.live/?

3 лайка

Это было бы отличным дополнительным функционалом!

1 лайк

Мне очень нравится эта функция. Она назначена команде, отвечающей за опыт пользователей, и они сами определят её приоритетность.

Отсутствие этой функции серьёзно снижает полезность сложных диаграмм Mermaid на форумах.

Что касается сроков? @lindsey определит приоритетность этой задачи.

Если же вам это нужно срочно, лучше всего обратиться к Джейми.

8 лайков

Спасибо, что уделили этому время ещё раз :heart:

1 лайк

+1 за эту давно нужную функцию — есть какие-то новости?

1 лайк

Нам в нашей компании тоже очень нужна эта функция: масштабирование диаграмм по высоте ограничено, из-за чего Mermaid становится бесполезным в Discourse. Необходимо обеспечить возможность их внешнего рендеринга или отображения в полноэкранном режиме.

1 лайк

Я создал кое-что. Я подумал, что кто-то мог бы захотеть попробовать это перед моим релизом.

Цель заключалась в том, чтобы использовать простой и надежный подход:

  1. проанализировать, содержит ли пост элемент SVG
  2. если да, то отобразить текстовую ссылку «zoom» рядом с ним
  3. открыть SVG в новом окне браузера, где вы можете приближать, печатать и т. д. по своему усмотрению

GitHub - rstockm/svg-zoom: Компонент темы Discourse, добавляющий функционал приближения к элементам Mermaid/SVG в постах

Обновление: @David работает над исправлением, и всё выглядит отлично. Нам осталось только привести в порядок некоторые API, и мы скоро опубликуем информацию об этом.

4 лайка

Это уже слито. Диаграммы всегда будут отображаться с соотношением сторон 16:9, и есть кнопка для открытия их на весь экран:

kanban
  Todo
    [Создать документацию]
    docs[Создать блог о новых диаграммах]
  [В процессе]
    id6[Создать рендерер, чтобы он работал во всех случаях. Мы также добавим немного дополнительного текста для тестирования. И ещё немного просто для дополнительного эффекта.]
  id9[Готово к развёртыванию]
    id8[Разработать грамматику]@{ assigned: 'knsv' }
  id10[Готово к тестированию]
    id4[Создать тесты парсера]@{ ticket: MC-2038, assigned: 'K.Sveidqvist', priority: 'High' }
    id66[последний элемент]@{ priority: 'Very Low', assigned: 'knsv' }
  id11[Готово]
    id5[определить getData]
    id2[Заголовок диаграммы превышает 100 символов, когда пользователь дублирует диаграмму с 100 символами]@{ ticket: MC-2036, priority: 'Very High'}
    id3[Обновить функцию базы данных]@{ ticket: MC-2037, assigned: knsv, priority: 'High' }

  id12[Не удаётся воспроизвести]
    id3[Странное мерцание в Firefox]
4 лайка

О боже. Извините, но реакции недостаточно. СПАСИБО!!!

Один небольшой момент — если я немного уменьшу масштаб в браузере (Alt+ -), текст не помещается. При 100 % всё отлично.

2 лайка

Также только что заметил, что диаграммы Mermaid не переключают светлую/тёмную тему без перезагрузки браузера при использовании новой настройки переключателя тёмной темы.

2 лайка

Огромное спасибо с моей стороны за выпуск этого обновления :heart:

Теперь мы можем использовать диаграммы Ганта и круговые диаграммы вместе с историей изменений в Discourse :slight_smile:

Спасибо, но я бы предпочел открывать графики в новом отдельном окне — так мы сможем печатать, экспортировать в PDF и т. д.

Вот мой подход:

Эта тема была автоматически закрыта через 7 дней после последнего ответа. Новые ответы больше не принимаются.