안녕 각도 막대 차트를 사용하여 잘 작동하지만 일련의 잘 작동하지 않는 여기에 도구 팁을 표시 할 수 없습니다 내 코드 내 첨부 내 도구 팁 표시해야합니다. 커서 이동이 각 바 할 때 도구 팁에 표시 할 필요가 올해와 데이터가각도 막대 차트 도구 팁 시리즈가 작동하지 않습니다

HTML

<html ng-app="app"> 

    <head> 
     <title>Welcome</title> 

     <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.12/angular.min.js"></script> 
     <script src="js/app.js"></script> 
     <script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.min.js"></script> 
<script src="https://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script> 


    </head> 

    <body ng-controller="ChartController"> 

     <canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series"> 
     </canvas> 
    </body> 

    </html>

코드는 문제가 있지만, y를 확인하지 않습니다

angular.module("app", ["chart.js"]).controller("ChartController", function ($scope) { 
    $scope.labels = ['2006', '2007', '2008', '2009', '2010', '2011', '2012']; 
    $scope.series = ['Year', 'Data']; 

    $scope.data = [65, 59, 80, 81, 56, 55, 40]; 
});

출처

2017-12-23 jose

컨트롤러 OU가 올바른 버전을 대해 참조, 나는 당신이 각-chart.js

에 대한 참조를 누락 참조

편집 : chartOptions을 수정하여 도구 설명을 수정 inorder를 당신은 간단한 해킹을 할 필요가

미세하지만 시리즈 없습니다들 wokring

vm.chartOptions = { 
     tooltips: { 
      callbacks: { 
      label: function(tooltipItem, data) { 
       var legend = new Array(); 
       var item = "Year:"+ tooltipItem.xLabel + "Data:"+tooltipItem.yLabel ; 
       legend.push(item); 
       return legend; 
      } 
      } 
     }

DEMO

출처

2017-12-23 07:17:49 Sajeetharan

차트 hown? 나는 Year : 2007 Data : 80 같은 것을 보여줄 필요가 있습니다. @sajeetharan – jose

u 기대치를 얻으시겠습니까? – jose

답변이 – Sajeetharan

각도 막대 차트 도구 팁 시리즈가 작동하지 않습니다

HTML

코드는 문제가 있지만, y를 확인하지 않습니다

답변

관련 문제