显示highcharts中的数组对象列表

时间:2017-05-03 04:37:53

标签: javascript angularjs highcharts

希望你们都做得很好:) 我有一个关于在highchart中显示数组对象列表的问题。 下面是我的数据结构,你可以看到这是一个包含5个数组对象的列表。

enter image description here

我希望“name”是我的xAxis值,“y”是我的yAxis值。

series: [{
          colorByPoint: true,
          data: $scope.requiredData

         }]

它给我一张这样的图表, enter image description here

任何人都可以帮忙吗?

非常感谢

2 个答案:

答案 0 :(得分:0)

请将您的对象数组转换为

var result = array.map(i=>([i.name,i.y]))

这会给你[[x1,y1],[x2,y2],[x3,y3]]格式

答案 1 :(得分:0)

希望这会对你有所帮助。

incomeReportChart =新图表(incGraphElem,{     输入:'bar',

数据:{         标签:incomeData.labels,         barThickness:1,

数据集:[{             label:incomeData.label [0],             fontSize:“8”,             数据:incomeData.income,             backgroundColor:“#5B90C2”,             颜色:“#000000”,             borderWidth:1         },

options: {
    scales: {
        yAxes: [{
            stacked: true,
            barThickness : 5,
            ticks: {
                fontColor: '#454545',
                stepSize : 5000,
                beginAtZero : true
            }
        }],
        xAxes: [{
            stacked: true,
            fontColor: '#454545',
            barThickness : 12,
            ticks: {
                beginAtZero:true
            }
        }]

    }
}

});

在这里,你需要根据需要在数据集中设置标签和数据。