如何使用PrimeNg宽度和高度图表?

时间:2016-11-21 09:07:09

标签: chart.js primeng

如何使用PrimeNg Chart的宽度和高度?

 <p-chart type="bar" width="400" height="400" [data]="data"></p-chart>

使用宽度和高度时没有效果。请告诉我如何使用宽度和高度图表。

2 个答案:

答案 0 :(得分:10)

https://www.reddit.com/r/webdev/comments/4gjuvp/chartjs_canvas_height_width_ignored/

根据该链接,您必须为图表设置两个选项:

public override void Install(IDictionary stateSaver)
{
    base.Install(stateSaver);

    // custom stuff ...
}

public override void Commit(IDictionary savedState)
{
    base.Commit(savedState);

    // custom stuff ...
}

在你的打字稿代码中:

<p-chart type="bar" width="400" height="400" [data]="data" [options]="options"></p-chart>

答案 1 :(得分:3)

Looking over the source code,p-chart将宽度和高度作为组件输入,因此将它们放在[]中应该可以解决问题:

<p-chart type="bar" [width]="400" [height]="400" [data]="data"></p-chart>