来自json的highcharts条形图
提问于 2016-09-15 05:51:56
嗨，我有一个像这样的json数据。我正在使用angularjs
[
{
category: "NWSC Banepa",
value: 32.91
},
{
category: "NWSC Bhadrapur",
value: 54.83
},
{
category: "NWSC Biratnagar",
value: 24.81
},
{
category: "NWSC Dharan",
value: 98.41
},
{
category: "NWSC Gaur",
value: 10.69
},
{
category: "NWSC Gaushala",
value: 93.84
}
]我如何从这些数据中生成条形图，请帮助我对highchart新手
回答 2
Stack Overflow用户
回答已采纳
发布于 2016-09-15 08:45:17
嗨，谢谢大家，我就是这样解决的
在我看来
<hc-chart chart='{{chartOptions}}'>Placeholder for generic chart</hc-chart>我创建了一个指令
.directive('hcChart', function () {
return {
restrict: 'E',
template: '<div></div>',
replace: true,
link: function (scope, element, attrs) {
scope.$watch(function () { return attrs.chart; }, function () {
if (!attrs.chart) return;
var charts = JSON.parse(attrs.chart);
$(element[0]).highcharts(charts);
});
}
};
});和我的控制器
.success(function(water_coverage) {
var score = [];
for (var i = 0; i < water_coverage.length; i++) {
score.push(water_coverage[i].value);
}
var wspName = [];
for (var i = 0; i < water_coverage.length; i++) {
wspName.push(water_coverage[i].category);
}
$scope.chartOptions = {
chart: {
type: 'bar'
},
title: {
text: 'Title'
},
xAxis: {
categories: wspName
},
series: [{
data: score
}],
};
})Stack Overflow用户
发布于 2016-09-15 11:37:43
我目前在HighCharts上工作，我正在使用JSON格式，如Highcharts示例。看看这是否有帮助：
[{ "name"："0-18"，"data"：1000000 }，{ "name"："18-35"，"data"：2500000 }，{ "name"："35-50"，"data"：2000000 }，{ "name"："50及以上“，"data"：1000000 }]
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/39503933
复制相关文章
点击加载更多
腾讯云开发者
