通过Syncfusion Dashboard Designer平台自定义小部件

Question

有人可以指导我如何在Syncfusion中自定义窗口小部件。例如，如果我在设计器中拖动条形图窗口小部件并单击以显示值，则看不到可以增加这些值的字体大小的选项。 那么，在仪表板设计器中有什么方法可以执行此操作，还是需要购买一些附加组件才能执行此操作？任何帮助将不胜感激。

Answer 1

目前无法更改字体大小，但是Syncfusion正在努力提供此功能，并且有望在下一版本（2018年10月）中添加。

Syncfusion Dashboard Feature Request 20627

Answer 2

@ user10200276：我们可以通过覆盖Dashboard Server级别的CSS样式来自定义Dashboard Widget的字体大小。在documentation link中查找CSS类的详细信息及其在适用的仪表板小部件中的用法。只需在以下服务器位置中添加所需的样式类以自定义字体。

服务器安装位置：

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

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

在上述位置，将显示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;
		}

参考屏幕截图：