Настройка виджетов с помощью платформы Syncfusion Dashboard Designer

Может ли кто-нибудь дать мне руководство по настройке виджетов в Syncfusion. Например, если я перетаскиваю виджет линейчатой ​​диаграммы в конструкторе и нажимаю, чтобы отобразить значения, я не вижу вариант, в котором я могу увеличить размер шрифта этих значений. Могу ли я сделать это в конструкторе панели инструментов или мне нужно приобрести надстройки, чтобы сделать это? Любая помощь будет принята с благодарностью.

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

Ответы 2

В настоящее время нет возможности изменить размер шрифта, но Syncfusion работает над предоставлением этой возможности, и ожидается, что она будет добавлена ​​в следующем выпуске (октябрь 2018 г.).

Запрос функции панели управления Syncfusion 20627

Спасибо, я прав, думая, что если я не могу настраивать виджеты с помощью дизайнера панели инструментов, тогда нет возможности настроить его, или если я опубликую его на сервере Syncfusion, я могу что-то там сделать. Спасибо.

user10200276 13.08.2018 11:30

@ user10200276 Я попросил команду разработчиков опубликовать ответ для настройки шрифта через браузер (редактирование некоторых файлов на сервере CSHTML), и они должны вскоре опубликовать ответ.

Davis Jebaraj 14.08.2018 03:02
Ответ принят как подходящий

@ user10200276: Мы можем настроить размер шрифта виджетов панели мониторинга, перезаписав стиль CSS на уровне сервера панели мониторинга. Найдите ссылка на документацию для сведений о классе CSS и его использовании для соответствующих виджетов Dashboard. Просто добавьте требуемый класс стиля в следующие места на сервере для настройки шрифта.

Место установки сервера:

C: \ Syncfusion \ Dashboard Server \ DashboardServer.Web \ Views \ FileRender

C: \ Syncfusion \ Dashboard Server \ DashboardServer.Web \ Views \ EmbedFileRender

В указанных выше местах будут представлены 2 файла CSHTML, как на прикрепленном изображении.

[Server CSHTML Files that need to be edited

Откройте оба файла, перейдите к тегу стиля, включите необходимые стили и сохраните файл.

[Reference Image

Теперь обновите сервер в диспетчере IIS и проверьте изменения в браузере, очистив кеш-память (например, Ctrl + F5).

Следующие классы стилей CSS используются для настройки виджета «Гистограмма».

   /* Used to customize the Y axis title */
		.e-dashboardviewer .dashboardChartControl text[id*='YAxisTitle']{
		font-size: 16px !important;		
		}
		/* Used to customize the Y axis lables */
.e-dashboardviewer .dashboardChartControl text[id*='YLabel']{
		font-size: 16px !important;
		}
		/* Used to customize the X axis title */
		.e-dashboardviewer .dashboardChartControl text[id*='XAxisTitle']{
		font-size: 16px !important;
		}
		/* Used to customize the Primary X axis label */
		.e-dashboardviewer .dashboardChartControl text[id*='PrimaryAxis_XLabel']{
		font-size: 16px !important;
		}
		/* Used to customize the data labels item */
		.e-dashboardviewer .dashboardChartControl text[id*='SeriesText']{
		font-size: 16px !important;
		}
		/* Used to customize the legend item  */
		.e-dashboardviewer .dashboardChartControl text[id*='LegendItem']{
		font-size: 16px !important;
		}

Справочный снимок экрана:

Bar Chart Reference Image

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