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

是我所需要的。