2017-04-24 25 views
0

非常に基本的なグラフを表示するのにng2-chartsを使用しています。私は水平棒グラフを使用しており、棒の終わりに値を表示する必要があります。私はそれをする方法を理解できませんでしたか?ng2-chartsバーの最後に値を表示する棒グラフ

<canvas height="500" width="1000" baseChart 
      [data]="barChartData" 
      [labels]="statusNames" 
      [options]="barChartOptions" 
      [colors]="chartColors" 
      [legend]=false 
      [chartType]="barChartType" 
      (chartHover)="chartHovered($event)" 
      (chartClick)="chartClicked($event)"> 
</canvas> 


    public barChartOptions: any = { 
    title: { 
     display: true, text: 'Current Subject Status', 
     fontSize: 20, 
     color: "black" 
    }, 
    scales: { 
     xAxes: [{ 
      gridLines: { 
          borderDash: [5], 
          lineWidth: 1.4 
         }, 
      ticks: { beginAtZero: true} 
      }], 
     yAxes: [{ 
        barThickness: 20, 
        gridLines: { display: false } 
       }] 
    }, 
    maintainAspectRatio: true, 
    responsive: false 
    }; 

    public barChartType: string = 'horizontalBar'; 
    public chartColors: any = [{ backgroundColor: "#005CA9" }]; 
    public barChartData: number[] = [3, 97 ,15, 13,63 ]; 
+0

:https://github.com/valor-software/ng2-charts後 See image

は私のhtmlやオプションがあります/ issues/662 – archi

答えて

0

GitHubの上でソリューションHereを発見

私はここに解決策を見つけた
関連する問題