Я пытаюсь использовать ngx-charts для отображения диаграммы area, которая охватывает всю ширину моей страницы (она должна соответствовать ширине горизонтальной линии над ней). Тем не менее, похоже, что при генерации диаграммы внутри svg есть какой-то отступ, который я считаю полезным, если у вас есть легенда и т. Д., Но я не использую это, вот что я вижу:
Посмотрите, как фактическая диаграмма области не расширяет всю ширину?
Мой код:
<ngx-charts-area-chart
[scheme]="colorScheme"
[results]="heatmaps"
[curve]="curve"
[showGridLines]="showGridLines"
[tooltipDisabled]="tooltipDisabled"
(select)="onSelect($event)">
</ngx-charts-area-chart>
И мои переменные конфигурации в моем component.ts
curve = d3.curveNatural;
showGridLines = false;
tooltipDisabled = true;
colorScheme = {
domain: ['#3f3f3f']
};
Как видите, я не использую атрибут view, поэтомудиаграмма должна расшириться до ширины страницы. Я думал, что смогу использовать viewBox на svg, но не совсем уверен, есть мысли?
Спасибо!