angularjs - 如何将数据从 mongodb 数据库添加到 highchart-ng
问题描述
我第一次在 angularjs 中使用图表。我想显示来自我的 mongodb 数据库的数据,比如在 x 轴上显示所有任务的名称,在 y 轴上显示完成特定任务所需的总时间,即总持续时间。
我为 html 添加了静态数据,使其看起来像附加的图像。我正在使用MEAN Stack开发一个项目。我想知道如何将我从数据库获得的数据添加到 highcharts。
这是在没有静态提供数据的情况下输出的外观:
var tasks = ['Task1','Task2','Task3' ]
var res = [26,61,1]
$scope.chartConfig = {
chart: {
type: 'column'
},
title: {
text: 'Task Duration'
},
xAxis: {
categories: tasks,
crosshair: true
},
yAxis: {
min: 0,
title: {
text: 'Task Duration (Hrs)'
}
},
tooltip: {
headerFormat: '<span style="font-size:10px">{point.key}</span>
<table>',
pointFormat: '<tr><td style="color:{series.color};padding:0">
{series.name}: </td>' +
'<td style="padding:0"><b>{point.y:.1f} mm</b></td></tr>',
footerFormat: '</table>',
shared: true,
useHTML: true
},
plotOptions: {
column: {
pointPadding: 0.2,
borderWidth: 0
}
},
series: [{
name: 'Tasks',
data: res
}]
}
解决方案
推荐阅读
- java - 面向对象编程比较链表
- r - 如果条件在 R 中失败,则返回某些步骤的编码算法
- flutter - 颤振 crossAxisAlignment 与 mainAxisAlignment
- css - Change colour of checkbox using shinyWidgets
- dart - Flutter Codelab:在不同的屏幕上更新 ListView
- mysql - 如何从列表中删除单个记录
- python - Spyder 文档
- angular - 我可以在另一个组件的html文件中调用角度组件函数吗
- wordpress - WooCommerce CSV 导入器在 WordPress 5.0 中不起作用
- javascript - 从翻译为函数的参数中获取参数