在角度图

时间:2016-02-16 11:30:15

标签: javascript angularjs angular-chart

我正在angularjs中创建一个项目。在我的项目中,我正在使用角度图表。我想更改图表的y轴值,但我不知道我该怎么做。这是我的代码:

在控制器中:

 $scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
        //  $scope.series = ['Series A', 'Series B'];
          $scope.data = [
            [65, 59, 80, 81, 56, 55, 40],
            [28, 48, 40, 19, 86, 27, 90]
          ]; 

在html中:

<canvas id="line" class="chart chart-line" chart-data="data"
  chart-labels="labels" chart-legend="true" 
  chart-click="onClick" >
</canvas> 

1 个答案:

答案 0 :(得分:1)

我在最近的项目中使用了Angular-Charts条形图,发现有一种方法可以改变y轴设置。

您需要做的是在$scope.data数组的末尾添加一个额外的值,以便在Y轴上设置您想要的最小值;在我的情况下它是零,但它可以是你需要的任何其他数字。只要您不再添加任何chart-labels,这个额外的数据值就不会生成自己的条形图,但它确实会停止作为y轴基线的实际值。

希望有所帮助。