提问者:小点点

通过Syncfusion Dashboard Designer平台定制小部件


有人能告诉我如何在Syncfusion中定制小部件吗。例如,若我在设计器中拖动一个条形图小部件并单击以显示值,我就看不到可以使这些值的字体大小更大的选项。那么,我有没有办法在仪表板设计器中完成这项工作,或者我需要购买一些附加组件才能完成这项任务?如有任何帮助,将不胜感激。


共2个答案

匿名用户

@user10200276:我们可以通过覆盖仪表板服务器级别的 CSS 样式来自定义仪表板小部件的字体大小。查找有关 CSS 类详细信息及其在适用仪表板小部件中的用法的文档链接。只需在以下服务器位置添加所需的样式类即可自定义字体。

服务器安装位置:

c:\ sync fusion \ Dashboard Server \ Dashboard Server。Web\Views\FileRender

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

在上述位置,2个CSHTML文件将显示在附件图像中。

打开两个文件,移动到样式标记,包括所需的样式并保存文件。

现在刷新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;
		}

匿名用户

现在无法更改字体大小,但SyncFusion正在努力提供此功能,预计将在下一个版本(2018年10月)中添加。

Syncfusion仪表板功能请求20627