我们已经使用D7js 5.9版本在Angular 7中创建了折线图,并为svg硬编码了width(450)和height(300)。
我浏览了一些博客,并且知道我们可以使用:: ng-deep编写CSS。我尝试了以下代码
SVG尺寸(角度代码): svgDimension = {宽度:420,高度:300};css代码(scss): @media only屏幕和(最大宽度:455px){
::ng-deep .svgWidth{
width: 350px;
}
::ng-deep .svgHeight{
height: 250px;
}
}
需要媒体查询来解决d3js折线图在角度时的响应度问题。
谢谢。