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

Question

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

Answer 1

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

Syncfusion Dashboard Feature Request 20627

Answer 2

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

服务器安装位置：

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

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

在上述位置，将显示 2 个 CSHTML 文件，如附图所示。

[

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

[

现在在 IIS 管理器中刷新服务器并通过清除缓存内存（即 Ctrl + F5）检查浏览器中的更改。

以下 CSS 样式 class 用于自定义条形图小部件。

   /* 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 Dashboard Designer 平台自定义小部件

Customising widgets through Syncfusion Dashboard Designer platform

dashboard

widget

syncfusion

customising