繁体   English   中英

Angular Chart.js,如何删除系列?

[英]Angular Chart.js, how to remove series?

我正在使用Angular Charts在我的应用程序中显示折线图。 我已经使用Chart.js集成了折线图。 但是,在我的图形中,我不希望Series在图表之后显示。

我的图表代码是

 $scope.labels = ["January", "February", "March", "April", "May", "June", "July"];
 $scope.series = ['Series A'];
 $scope.data = [
        [65, 59, 80, 81, 56, 55, 40]
      ];

和我的HTML来显示此图表是

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

当我尝试从代码中删除Series以将其隐藏在图中时,不会加载Graph。

有谁知道如何删除它而没有任何错误?

只需将值设置为null并隐藏工具提示

  var a = $scope.data.pop();
  $scope.data.push(a.map(function() { return null; }))
  $scope.options = { showTooltips: false };

小提琴-http: //jsfiddle.net/rt6zoL4k/

您只需要将图例下的显示值设置为false。

$scope.options = {
    legend: { display: false }
};

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM