AngularJs ui-chart日期轴不起作用

时间:2015-08-25 14:42:59

标签: angularjs jqplot

我正在使用jiplot的ui-chart指令在我的angularjs应用程序中显示折线图。但是日期xaxis没有显示。图表数据来自api调用。我正在设置图表数据如下。

$scope.chartData = [];
angular.forEach(response, function (price, key) {
    this.push([price.Sale_Date, price.Price]);
}, $scope.chartData);

图表的HTML

<div ui-chart="data" chart-options="chartOptions"></div>

但是,当我手动设置值时,它可以工作。

$scope.chartData = [[['2008-12-08 4:00PM', 4], ['2008-12-09 4:00PM', 6.5]]];

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:0)

发布解决方案,以防任何人使用。问题是阵列和放大器的组合。日期格式。

var prices = [];
angular.forEach(response, function (price, key) {
    this.push([new Date(price.Sale_Date), price.Price]);
}, prices);
$scope.chartData = [prices];