在Angular 11中将"useHash:true“添加到routerConfig to RouterModule后，ApexCharts的面积图变成折线图

在Angular 11中，当将"useHash:true"添加到routerConfig以后，会导致ApexCharts的面积图变成折线图。这是因为"useHash:true"会将路由的导航模式设置为使用哈希值。在使用哈希值的导航模式下，URL中会添加一个哈希符号（#），后面跟着路由路径。这种导航模式主要用于旧版浏览器或不支持HTML5的环境。

由于ApexCharts使用URL路径来确定图表类型，当使用哈希值导航模式时，URL路径中的哈希符号会干扰ApexCharts的图表类型解析，导致面积图变成折线图。

解决这个问题的方法是将"useHash:true"从routerConfig中移除，或者将导航模式设置为使用HTML5的路径模式。使用HTML5的路径模式可以通过在RouterModule中设置"useHash:false"来实现。

推荐的腾讯云相关产品是腾讯云云服务器（CVM）和腾讯云云数据库MySQL版。腾讯云云服务器提供可靠的计算能力，适用于部署和运行各种应用程序。腾讯云云数据库MySQL版是一种高性能、可扩展的关系型数据库服务，适用于存储和管理大量结构化数据。

腾讯云云服务器产品介绍链接地址：https://cloud.tencent.com/product/cvm 腾讯云云数据库MySQL版产品介绍链接地址：https://cloud.tencent.com/product/cdb_mysql