如何使用对象作为Highcharts的序列

Question

我是javascript和Highcharts的新手，如果这是个愚蠢的问题，我真的很抱歉。

我有一个对象(称为val)，如下所示：

对象{月: Array12，公司: Array12，家族: Array12，政党: Array12}

每个阵列都包括随时间推移的公司/家庭/聚会的销售价值。

我想在Highcharts中创建一个随时间变化的3条线(公司、家庭、聚会)的折线图。

下面是我的代码：

$(function () {
$('#expandable-3').highcharts({
    title: {
        text: 'Monthly Average Temperature',
        x: -20 //center
    },
    subtitle: {
        text: 'Source: WorldClimate.com',
        x: -20
    },
    xAxis: {
        categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun',
            'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec']
    },
    yAxis: {
        title: {
            text: 'Temperature (°C)'
        },
        plotLines: [{
            value: 0,
            width: 1,
            color: '#808080'
        }]
    },
    tooltip: {
        valueSuffix: '°C'
    },
    legend: {
        layout: 'vertical',
        align: 'right',
        verticalAlign: 'middle',
        borderWidth: 0
    },
    series: val
});

})；

图表显示为空白。

有没有人可以帮我解决这个问题？

谢谢。

Answer 1

如果您查看highcharts演示中的选项，您可以看到系列是如何指定的。Highcharts basic line demo

您可以将val更改为如下所示：

var val = [
  {
    name: 'corporate',
    data: [1,2,3]
  },
  {
    name: 'family',
    data: [1,2,3]
  },
  {
    name: 'party',
    data: [1,2,3]
  }
];

​

要转换您的数据，请使用以下内容：

​

Object.keys(val).map(function (key) { 
  return { 
    name: key, 
    data: val[key] 
  }; 
});

​