Saturdayecharts category配置项内容和展示

      app.title = '单轴散点图';

var hours = ['2008', '1a', '2a', '3a', '4a', '5a', '6a',
    '7a', '8a', '9a', '10a', '11a',
    '12p', '1p', '2p', '3p', '4p', '5p',
    '6p', '7p', '8p', '9p', '10p', '11p'
];
var days = ['基因测序', '癌症治疗', '干细胞', '基因研究', '基因编辑', '脑机接口', '脑科学', '细胞研究', '诊断技术', '信号通路', '合成生物学', '基因疗法', '农作物'];

var data = [
    [0, 0, 0],
    [0, 1, 1],
    [0, 2, 0],
    [0, 3, 0],
    [0, 4, 1],
    [0, 5, 1],
    [0, 6, 0],
    [0, 7, 1],
    [0, 8, 0],
    [0, 9, 0],
    [0, 10, 1],
    [1, 0, 0],
    [1, 1, 0],
    [1, 2, 1],
    [1, 3, 1],
    [1, 4, 0],
    [1, 5, 0],
    [1, 6, 0],
    [1, 7, 0],
    [1, 8, 1],
    [1, 9, 0],
    [1, 10, 0],
    [2, 0, 0],
    [2, 1, 0],
    [2, 2, 1],
    [2, 3, 0],
    [2, 4, 1],
    [2, 5, 0],
    [2, 6, 0],
    [2, 7, 0],
    [2, 8, 0],
    [2, 9, 0],
    [2, 10, 1],
    [3, 0, 0],
    [3, 1, 0],
    [3, 2, 0],
    [3, 3, 1],
    [3, 4, 0],
    [3, 5, 0],
    [3, 6, 0],
    [3, 7, 1],
    [3, 8, 1],
    [3, 9, 0],
    [3, 10, 0],
    [4, 0, 0],
    [4, 1, 0],
    [4, 2, 0],
    [4, 3, 0],
    [4, 4, 0],
    [4, 5, 0],
    [4, 6, 1],
    [4, 7, 0],
    [4, 8, 1],
    [4, 9, 0],
    [4, 10, 0],
    [5, 0, 0],
    [5, 1, 1],
    [5, 2, 0],
    [5, 3, 0],
    [5, 4, 0],
    [5, 5, 0],
    [5, 6, 0],
    [5, 7, 0],
    [5, 8, 0],
    [5, 9, 1],
    [5, 10, 0],
    [6, 0, 0],
    [6, 1, 0],
    [6, 2, 0],
    [6, 3, 0],
    [6, 4, 0],
    [6, 5, 0],
    [6, 6, 1],
    [6, 7, 1],
    [6, 8, 0],
    [6, 9, 0],
    [6, 10, 0],
    [7, 0, 0],
    [7, 1, 0],
    [7, 2, 0],
    [7, 3, 0],
    [7, 4, 0],
    [7, 5, 0],
    [7, 6, 0],
    [7, 7, 0],
    [7, 8, 0],
    [7, 9, 1],
    [7, 10, 0],
    [8, 0, 0],
    [8, 1, 1],
    [8, 2, 0],
    [8, 3, 0],
    [8, 4, 0],
    [8, 5, 0],
    [8, 6, 0],
    [8, 7, 0],
    [8, 8, 0],
    [8, 9, 0],
    [8, 10, 0],
    [9, 0, 1],
    [9, 1, 0],
    [9, 2, 0],
    [9, 3, 0],
    [9, 4, 0],
    [9, 5, 0],
    [9, 6, 0],
    [9, 7, 0],
    [9, 8, 0],
    [9, 9, 0],
    [9, 10, 0],
    [10, 0, 0],
    [10, 1, 0],
    [10, 2, 0],
    [10, 3, 1],
    [10, 4, 0],
    [10, 5, 0],
    [10, 6, 0],
    [10, 7, 0],
    [10, 8, 0],
    [10, 9, 0],
    [10, 10, 0],
    [11, 0, 0],
    [11, 1, 0],
    [11, 2, 0],
    [11, 3, 0],
    [11, 4, 0],
    [11, 5, 0],
    [11, 6, 0],
    [11, 7, 0],
    [11, 8, 0],
    [11, 9, 1],
    [11, 10, 0]
];

option = {
    tooltip: {
        position: 'top'
    },
    title: [],
    singleAxis: [],
    series: []
};

echarts.util.each(days, function(day, idx) {
    option.title.push({
        textBaseline: 'middle',
        top: (idx + 0.5) * 100 / 7 + '%',
        text: day
    });
    option.singleAxis.push({
        left: 150,
        type: 'category',
        boundaryGap: false,
        data: hours,
        top: (idx * 100 / 7 + 5) + '%',
        height: (100 / 7 - 10) + '%',
        axisLabel: {
            interval: 2
        }
    });
    option.series.push({
        singleAxisIndex: idx,
        coordinateSystem: 'singleAxis',
        type: 'scatter',
        data: [],
        symbolSize: function(dataItem) {
            return dataItem[1] * 4;
        }
    });
});

echarts.util.each(data, function(dataItem) {
    option.series[dataItem[0]].data.push([dataItem[1], dataItem[2]]);
});