在Angular 2/SmartAdmin中添加迷你图饼图

Question

我刚刚加载了SmartAdmin的Angular 2 seed项目，并且正在尝试向主页添加一个迷你图饼图对象。我将以下span添加到home/home.component.html：

<span data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span>

我在主页上看到的只是数字本身，3,5,2。我没有看到饼图。我假设我需要导入一些组件，但我不知道如何或在哪里执行此操作。

我确实找到了一个非常相似的问题，但答案对我没有帮助。该用户正在使用Angular 1，而在Angular 2中，似乎没有app.js、app.ts或任何带有注释掉的app.graphs模块的文件。

Unable to get sparklines working in AngularJS version of SmartAdmin template

我对Angular 2和一般的web开发都很陌生，所以我希望你能容忍我。

Answer 1

事实证明有两个问题：

*任何迷你图都需要包含在带有saSparklineContainer指令的div中

*包含迷你图的跨度必须具有类迷你图

所以,

<span data-sparkline-type="pie" data-sparkline-offset="90" data-sparkline-piesize="18px">3,5,2</span>

不起作用。

<div saSparklineContainer >
    <span class="sparkline" data-sparkline-type="pie" data-sparkline-offset="90"    data-sparkline-piesize="18px">3,5,2</span>            
</div>

就是我需要的。