Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何修改角度图表js中的比例标签?_Javascript_Angularjs_Angular Chart_Chart.js - Fatal编程技术网

Javascript 如何修改角度图表js中的比例标签?

Javascript 如何修改角度图表js中的比例标签?,javascript,angularjs,angular-chart,chart.js,Javascript,Angularjs,Angular Chart,Chart.js,我正在尝试在angular chart js中添加我自己的比例标签,就像在本期中一样,问题是当我尝试该示例时,即使使用相同的代码,它也不起作用,它不会采用我在范围中指定的选项 因为我有4个相同的状态,我想我可以做一个这样的函数,但是我甚至在添加一个简单的选项时遇到了麻烦 这是我的控制器代码: $scope.options = { scaleLabel : function (label) { if(Number(label)===1)

我正在尝试在
angular chart js
中添加我自己的比例标签,就像在本期中一样,问题是当我尝试该示例时,即使使用相同的代码,它也不起作用,它不会采用我在范围中指定的选项

因为我有4个相同的状态,我想我可以做一个这样的函数,但是我甚至在添加一个简单的选项时遇到了麻烦

这是我的控制器代码:

$scope.options = {
    scaleLabel  : function (label) {

        if(Number(label)===1)    
            return 'State 1';
        if(Number(label.value)===2)    
            return 'State 2';
        if(Number(label.value)===3)    
            return 'State 3';
        if(Number(label.value)===4)    
            return 'State 4';
    } 
};

$scope.series = ['Table 1']; 
$scope.axis = [[1,2,3,3,4,2,1,2,3,4]];
$scope.myLabels= [1,2,3,4,5,6,7,8,9];
这是我的标记:

<br>
<canvas id="line" class="chart chart-line" chart-data="axis"
    chart-labels="myLabels" chart-series="series"  chart-options="options"
</canvas> 


为了在“y”轴上放置您自己的标签,您必须使用勾选选项,“缩放标签”只会修改整个轴的标签,因此假设您希望为y轴添加标签,例如3000美元,而不是仅3000美元

你需要用这个

 ticks: {
                    callback: function(value, index, values) {
 //your function here
     }
}
在这个例子中,我想为每个值返回3个状态,就像一个票证系统一样

    $scope.options = {
   scales: {
            yAxes: [{
      scaleLabel:  {
        display: true,
        labelString: 'Estado'
      },
      ticks: {
                    min: 1,
                    max: 3,
                    stepSize: 1,
                    callback: function(value, index, values) {

                    if(value == 1){
var dasLabel='Ticket open';                             
                    }
                    if(value == 2){
var dasLabel='Attending ticket';                            
                    }
                    if(value == 3){
var dasLabel='issued resolved';                             
                    }       

                        return dasLabel;
                    }
                }
            }]  ,
            xAxes: [{
      scaleLabel: {
        display: true,
        labelString: 'Hora'
      }
            }]
        }
  };
你的标记呢

<canvas id="line" class="chart chart-line" chart-data="axis"
chart-labels="myLabels" chart-series="series"  chart-options="options"
</canvas> 

发布该系列configuration@Sajeetharan完成了,他们是否更改了scaleLabel?我正在测试chart.js中的各种示例,当我添加一个预定义的比例标签时,它会显示出来。数据呢?