如何从日期中获取年份并在angularjs图表中使用
如何从日期中获取年份并在angularjs图表中使用
提问于 2017-02-07 15:29:26
嗨，我在做天使图。在这里，呈现的图表的数据在date format ("dd-mm-yyyy")中，来自date，我必须获取year并在图表中显示它。但我不确定，如何得到，只有从提供的数据year。在图表中，x轴代表特定年份的份额，y轴代表百分比.在发布的图片中，您可以看到y轴上的一个红色框，它显示了完整的date，而我只想在y轴上显示年份。请帮帮我。
html：
<html>
<head>
<title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.6.1/angular.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular-charts/0.2.7/angular-charts.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Chart.js/2.4.0/Chart.js"></script>
</title>
<body>
<div ng-app="chartApp" ng-controller="chartController">
<canvas width="600" height="400" type="column2d" dataformat="json"
dataSource="{{myDataSource}}"></canvas>
</div>
</body>
</html>主计长：
var chartApp =angular.module("chartApp",["chart.js"]);
chartApp.controller("chartController",function($scope){
$scope.myDataSource = {
chart:{ caption : "Share Check with previous years"},
data :[{
label: "26/01/2010/",
value: "80"},
{label : "26/01/2011" ,
value : "70"},
{label : "26/01/2012",
value : "52"},
{label : "26/01/2013",
value : "5"},
{label : "26/01/2014",
value : "33"},
{label : "26/01/2015",
value : "47"}]};
});
回答 2
Stack Overflow用户
回答已采纳
发布于 2017-02-07 18:29:14
为什么不先修改一下你的data，然后再把它分配给图表呢？
var data = [{
"label": "20/11/2012",
"value": "880000"
}];
angular.forEach(data, function(item) {
item.label = item.label.split('/')[2];
});
$scope.myDataSource.data = data;Stack Overflow用户
发布于 2017-02-08 12:49:26
从现在起，FusionCharts不允许直接使用日期和时间值进行操作。
尽管对于您所描述的场景，可以通过将data.label (日期值)拆分为年份值来实现。
您可以使用相同的用您的数据检查此JSFiddle。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42093673
复制相关文章
相似问题
腾讯云开发者
