D3js折线图在角度7中的响应度

时间:2019-05-31 00:44:48

标签: d3.js linechart

我们已经使用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折线图在角度时的响应度问题。

谢谢。

0 个答案:

没有答案