2016-08-17 12 views
1

円を作成するには、Angular-Chart.js(AngularJS Chart.jsバージョン)を使用します。どのように白い枠線を隠すことができますか?Angular-Chart.jsのボーダーを非表示にする方法 - Chart-pie

<canvas id="doughnut" class="chart chart-pie" 
chart-data="data" chart-options="options" chart-colors="colors"  chart-dataset-override="datasetOverride"; chart-labels="labels" style="width:100px; height:100px;"> 
</canvas> 

$ scope.colors = [ "#のC94C49"、 "#のD68550"、 "#のEEA638"、 "#のA7A737"、 "#85A963"、 "#89AAAF"、 "#39AAAF"];

$ scope.data = [12,67,34,9,5,33,71];

pie

答えて

3

オプションsegmentShowStrokeをリセットしてください:定期Chart.jsで偽

:。
VAR cntx =のdocument.getElementById( "yourChartID")のgetContext( "2D");
var yourChart = new Chart(cntx).Pie(dataOfChart、{segmentShowStroke:false});あなたが既に持っているとして、HTMLのオプションを割り当てるには、アンギュラそのenoughtで

:あなたは他のオプションを持っていないならば、
チャートオプションを=「オプション」

をしては試してみてください。
$ scope.options = {segmentShowStroke:false};

更新:
より新しいバージョンのsegmentShowStrokeでは動作しない可能性があります。
この場合、次のように試してください:
$ scope.options = {elements:{arc:{borderWidth:0}}};

+0

あなたのお返事ありがとうございますが、私は "var yourChart"と何をするのか理解できません – hayev

+0

申し訳ありません私は定期的なchart.jsについて考えていました - 角度のないもの。 Angularでは、chart-options = "..."にオプションを配置する場所があります – xboomx

+0

それは動作しません:( – hayev

関連する問題