将图表作为控件从单独的类中添加。图表未绘制

将图表作为控件从单独的类中添加是一种常见的软件开发技术，它允许开发人员将图表功能模块化，并将其作为可重用的控件添加到应用程序中。这种方法有助于提高代码的可维护性和可扩展性，同时也提供了更好的代码复用性。

图表未绘制可能是由于以下几个原因导致的：

1. 数据未正确传递：在将图表作为控件添加到应用程序中时，需要确保正确传递数据给图表控件。可能是数据源未正确设置或数据格式不符合要求导致图表未绘制。
2. 绘图逻辑错误：图表控件的绘图逻辑可能存在错误，导致图表未能正确绘制。这可能是由于算法错误、数据处理错误或绘图库的使用问题。
3. 控件属性未正确设置：图表控件可能有一些属性需要设置，例如图表类型、颜色、标签等。如果这些属性未正确设置，可能会导致图表未绘制。

针对以上问题，可以采取以下解决方案：

1. 检查数据传递：确保数据源正确设置，并且数据格式符合图表控件的要求。可以使用调试工具或打印日志来检查数据是否正确传递。
2. 检查绘图逻辑：仔细检查图表控件的绘图逻辑，确保算法正确、数据处理正确，并且正确使用了绘图库。可以使用调试工具来跟踪代码执行过程，查找潜在的错误。
3. 检查控件属性：确保图表控件的属性正确设置。可以查阅图表控件的文档或使用示例代码来了解正确的属性设置方式。

对于图表控件的添加，可以使用各种前端开发框架和库来实现。以下是一些常见的前端图表库和相关产品：

1. ECharts（腾讯云产品链接：https://cloud.tencent.com/product/ec）

ECharts是一个基于JavaScript的开源图表库，提供了丰富的图表类型和交互功能。它可以轻松地将图表作为控件添加到应用程序中，并支持各种数据格式和图表样式。

1. Highcharts（腾讯云产品链接：https://cloud.tencent.com/product/hc）

Highcharts是一个流行的JavaScript图表库，提供了各种图表类型和配置选项。它可以通过简单的API调用将图表添加到应用程序中，并支持动态更新和交互功能。

1. Chart.js（腾讯云产品链接：https://cloud.tencent.com/product/cjs）

Chart.js是一个简单灵活的JavaScript图表库，适用于各种应用场景。它提供了易于使用的API和丰富的配置选项，可以轻松地将图表添加到应用程序中。

以上是一些常见的前端图表库，它们都提供了丰富的功能和易于使用的API，可以满足不同应用场景的需求。根据具体的需求和技术栈选择适合的图表库，并按照库的文档和示例进行使用和配置。