在Angular 2/SmartAdmin中添加Sparkline饼图

Question

我刚刚加载了SmartAdmin的Angular 2种子项目，并试图将Sparkline饼图对象添加到主页。我增加了以下跨度家/ 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

我是很新的，一般2角和网络开发，所以我希望你能和我一起承担。

Answer 1

原来有两个问题：

*任何迷你图图需要被封闭在该指令一个div saSparklineContainer

*包含所述火花跨度必须有一流的火花

所以，

<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> 

是我所需要的。