Angularjs Highcharts API图例未显示

Angularjs Highcharts API图例未显示,angularjs,highcharts,Angularjs,Highcharts,我想写一个传奇,但我不知道为什么它没有出现。另外,我想把数据库放在饼图的片段中 myapp.controller('myctrl', function ($scope) { var data = [ ['APP Android', 45.0], ['APP Ios', 26.8], ] $scope

我想写一个传奇,但我不知道为什么它没有出现。另外,我想把数据库放在饼图的片段中

myapp.controller('myctrl', function ($scope) { 
    var data = [
                    ['APP Android',   45.0],
                    ['APP Ios',       26.8],                       
                ]    
    $scope.highchartsNG = {
        options: {
            chart: { type: 'pie'}
        },
        legend: {
            enabled: true 
        },
        series: [ {  
                name: 'Avisos',
                innerSize: '50%'
        },
        {  
                name: 'Plataforma',   
                size: '80%',
                innerSize: '65%',
                showInLegend: false,
                data: data
        }],
        loading: false
    }

});
此示例在

中公开,请查看此示例

var myapp = angular.module('myapp', ["highcharts-ng"]);

myapp.controller('myctrl', function($scope) {
    var data = [
        ['APP Android', 45.0],
        ['APP Ios', 26.8],
        ['Widget Web', 12.8],
        ['MTC BAckoffice', 8.5],
        ['Correo electrónico', 6.2],
        ['Facebook', 6.2],
        ['Twitter', 6.2],
        ['Teléfono', 6.2],
        ['Presencial', 6.2],
    ]
    $scope.highchartsNG = {
        options: {
            chart: {
                type: 'pie'
            },
            plotOptions: {
                pie: {
                    dataLabels: {
                        distance: -25 //adjust this value to change label distance
                    }
                }
            },
        },
        title: {
            text: '550<br>AVISOS',
            align: 'center',
            verticalAlign: 'middle'
        },
        legend: {
            enabled: true
        },
        series: [{
            name: 'Avisos',
            innerSize: '50%'
        }, {
            name: 'Plataforma',
            size: '80%',
            innerSize: '65%',
            showInLegend: true,
            data: data
        }],
        loading: false
    }

});
var myapp=angular.module('myapp',[“highcharts ng”]);
myapp.controller('myctrl',函数($scope){
风险值数据=[
['Appandroid',45.0],
[AppiOS',26.8],
[Widget Web',12.8],
['MTC BAckoffice',8.5],
[Correo Electroónico',6.2],
[Facebook',6.2],
[Twitter',6.2],
['Teléfono',6.2],
[pressencial',6.2],
]
$scope.highchartsNG={
选项:{
图表:{
键入:“馅饼”
},
打印选项:{
馅饼:{
数据标签:{
距离:-25//调整此值以更改标签距离
}
}
},
},
标题:{
文字:“550
AVISOS”, 对齐:'居中', 垂直排列:“中间” }, 图例:{ 已启用:true }, 系列:[{ 名称:“Avisos”, 内部尺寸:“50%” }, { 名称:“Plataforma”, 大小:“80%”, 内部尺寸:“65%”, showInLegend:是的, 数据:数据 }], 加载:错误 } });
小提琴


那么,您是否将
showInLegend
设置为false?将其设置为true:关于标签,请使用.Thx,您知道吗,如何将数据标签放入饼图中?设置选项.Thx,如何移动图例。我把这个代码:。我想把右边移到你必须移动的地方?@Carlosierra如果你得到答案,就意味着可以自由地向上投票:p