Мне нужно несколько советов по этому вопросу.
Я считаю, что мне нужно настроить этот код, я попытался, как показано ниже, но не смог отобразить диаграмму.
Этот вывод я получил через вызов REST.
Если использовать вывод JSON ниже и с этим кодом он отображает круговую диаграмму.
JSON:
[
{
«ярлык»: «Один»,
«value»: 29.765957771107
},
{
"label": "Two",
«значение»: 0
},
{
«ярлык»: «три»,
«значение»: 32.807804682612
},
{
«этикетка»: «четверка»,
«значение»: 196.45946739256
},
{
«ярлык»: «пятерка»,
«значение»: 0,19434030906893
},
{
«этикетка»: «Шесть»,
«значение»: 98.079782601442
},
{
«этикетка»: «Семерка»,
«значение»: 13,925743130903
},
{
"label": "Eight",
«значение»: 5.1387322875705
}
]
enter code here
Если я использую вывод JSON ниже, он не отображается.
{ "пирог": [
{
«ярлык»: «Один»,
«value»: 29.765957771107
},
{
"label": "Two",
«значение»: 0
},
{
«ярлык»: «три»,
«значение»: 32.807804682612
},
{
«этикетка»: «четверка»,
«значение»: 196.45946739256
},
{
«ярлык»: «пятерка»,
«значение»: 0,19434030906893
},
{
«этикетка»: «Шесть»,
«значение»: 98.079782601442
},
{
«этикетка»: «Семерка»,
«значение»: 13,925743130903
},
{
"label": "Eight",
«значение»: 5.1387322875705
}
]}
`openCAFApp.directive ('piechart', ['RestServiceProvider',
function (restService) {
вернуть {
ограничить: «E, A, C»,
ссылка: функция (область действия, элемент, атрибуты, контроллер) {
restService.invoke (
REST_URLS.PIE_CHART_LOCAL_GET,
Функция (ответ,
статус, заголовки, конфиг) {
var pieChartData = response;
alert(response) ;
nv.addGraph(function() {
var piechart = nv.models.pieChart()
.x(function(d) { return d.label })
.y(function(d) { return d.value })
.showLabels(true);
d3.select("#"+element.attr("id"))
.datum(pieChartData)
.transition().duration(1200)
.call(piechart);
return piechart;
});
},
function(response, status, headers, config) {
alert(response);
}, null, null, scope);
}
};
}
]); `
я пробую этот код, но не сработало.
`openCAFApp.directive ('piechart', ['RestServiceProvider',
function (restService) {
вернуть {
ограничить: «E, A, C»,
ссылка: функция (область действия, элемент, атрибуты, контроллер) {
restService.invoke (
REST_URLS.PIE_CHART_LOCAL_GET,
Функция (ответ,
статус, заголовки, конфиг) {
var pieChartData = response.pie;
alert(response) ;
nv.addGraph(function() {
var piechart = nv.models.pieChart()
.x(function(d) { return d.pie.label })
.y(function(d) { return d.pie.value })
.showLabels(true);
d3.select("#"+element.attr("id"))
.datum(pieChartData)
.transition().duration(1200)
.call(piechart);
return piechart;
});
},
function(response, status, headers, config) {
alert(response);
}, null, null, scope);
}
};
}
]); `