2016-10-24 38 views
0

根據該文件,我可以使用下面的代碼繪製chart control不能繪製圖表

<div 
 
    class="control-chart centered wrap-legend" 
 
    data-control="chart-pie" 
 
    data-size="200" 
 
    data-center-text="100"> 
 
    <ul> 
 
     <li>Label 1 <span>100</span></li> 
 
     <li>Label 2 <span>100</span></li> 
 
     <li>Label 3 <span>100</span></li> 
 
    </ul> 
 
</div>

但輸出是這樣的:

Label 1 100 
 
Label 2 100 
 
Label 3 100

我該怎麼做才能使它工作?

回答

1

我想你正在試圖做到這一點的前端。但是,UI documentation指的是後端,您可以如何在那裏構建您的後端頁面和控制器。 您需要抽取部分後端樣式表來實現該功能或瞭解其工作原理。此外,設置在那裏的數據屬性(data-control="chart-pie" data-size="200" data-center-text="100")由後端JavaScript框架處理。我想這很難,也不容易找到並從那裏的代碼中提取這些功能,以便在您的前端頁面中使用它。

下面是一些基本的例子,在繪製形狀與CSS,如果你想嘗試建立你自己的類似的東西:https://css-tricks.com/examples/ShapesOfCSS/#cone

但我猜你不能使用從十月後端的所有UI元素在你的前端沒有一些繁瑣的黑客攻擊。