Highchart的使用

var chart = Highcharts.chart('container7', {

chart: {
     height:250,
    type: 'area'
},
title: {
    // text: '全球各大洲人口增长历史及预测'
},
subtitle: {
    // text: '数据来源: Wikipedia.org'
},
xAxis: {
    categories: ['10-09', '10-10', '10-11', '10-12', '10-13', '10-14', '10-15'],
    tickmarkPlacement: 'on',
    title: {
        enabled: false
    }
},
yAxis: {
    title: {
        text: '杯数'
    },
    labels: {
        formatter: function () {
            return this.value / 1000;
        }
    }
},
tooltip: {
    split: true,
    valueSuffix: ' 杯'
},
plotOptions: {
    area: {
        stacking: 'normal',
        lineColor: '#666666',
        lineWidth: 1,
        marker: {
            lineWidth: 1,
            lineColor: '#666666'
        }
    }
},
legend: {
    layout: 'vertical',
    align: 'right',
    verticalAlign: 'middle',
    borderWidth: 0
},
series: [{
    name: '产品名1',
    data: [502, 635, 809, 947, 1402, 3634, 5268]
}, {
    name: '产品名2',
    data: [106, 107, 111, 133, 221, 767, 1766]
}, {
    name: '产品名3',
    data: [163, 203, 276, 408, 547, 729, 628]
}, {
    name: '产品名4',
    data: [18, 31, 54, 156, 339, 818, 1201]
}, {
    name: '产品名5',
    data: [2, 2, 2, 6, 13, 30, 46]
}]

});

想再时间下面再加对应的数据
比如每个时间对应故障次数和产品的名称!
1571628937(1).png

阅读 1k
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题