Y軸の値をNumbersからStringsに変更する

<html> 
<head> 
<script src="../../../../Scripts/angular.min.js"></script> 
<script src="../../../../Scripts/angular.js"></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.min.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/1.0.2/Chart.js"></script> 
<script src="http://cdn.jsdelivr.net/angular.chartjs/latest/angular-chart.min.js"></script> 
</head> 
<body ng-app="myApp"> 
<div style="height:500px; width:800px" ng-controller="BarChartCtrl"> 
    <h2>BarChart example</h2> 
    <canvas id="bar" class="chart chart-bar" chart-data="data" chart-labels="labels" chart-series="series"></canvas> 
</div> 

<script> 
    var app=angular.module('myApp', ['chart.js']); 
    app.controller('BarChartCtrl', function ($scope) { 
     $scope.labels = ['2014','2015','2016']; 

     $scope.series = ['Jan', 'Feb', 'Mar', 'Apr', 'May']; 

     $scope.data = [ 
      [65, 59, 80], 
      [28, 48, 40], 
      [30, 0, 0], 
      [44, 10, 0], 
      [50, 0, 40], 
      [66, 50, 0], 
      [70, 0, 0], 
      [88, 0, 70], 
      [90, 30, 0], 
      [10, 0, 60], 
      [11, 20, 0], 
      [12, 0, 90] 
     ]; 
    });

上記のコードでは、Y軸の値はNumbersであり、配列の文字列に変更したいので、$から "range"文字列を渡すことができますあなたはこのような目的の文字列配列のために、配列をmapできscope.dataY軸の値をNumbersからStringsに変更する

出典

2016-06-16 Pruthvi Raj

例を挙げてください。その文字列をどのように構成したいですか？ – AranS

最終、準決勝、準々決勝、R3、R2、R1、資格これらは、Finalが最初であり、Qualificationが最後であるように、Y軸の下に配置する必要がある値です。 –

あなたの 'data'配列は各入れ子配列の中に3つの値を持っています、あなたが言及した7つの値にどのように関連していますか？ – AranS

：

$scope.rangeArray = $scope.data.map(function(item) { 
    return { 
     Item.join(",") // join the nested array values to a string separated with a comma for example 
    } 
    });

各itemがmap機能では、あなたのdata、アレイ内のネストされた配列です。この例では、ネストされた文字列配列を持つrangeArrayが得られます。

出典

2016-06-16 07:36:49 AranS

Y軸で「文字列」を使用するのはどうですか –

私はそれぞれのバーのサイズを修正したいという質問がもう1つあります。 –

AngularJs-Chartsでは、Y軸の整数値を範囲の文字列値に変更することはできませんが、他のチャートでは、$などの記号を追加するだけで変更できます。

出典

2016-06-20 07:03:22

Y軸の値をNumbersからStringsに変更する

答えて

関連する問題