患者时间轴-1

描述:当前是关于Echarts图表中的 示例。
 
            var data = [];
var dataCount = 10;
var startTime = +new Date();
var categories = [''];
var types = [{
        name: 'JS Heap',
        color: 'rgba(0,0,0,0.08)'
    },
    {
        name: 'Documents',
        color: '#bd6d6c'
    },
    {
        name: 'Nodes',
        color: '#75d874'
    },
    {
        name: 'Listeners',
        color: '#e0bc78'
    },
    {
        name: 'GPU Memory',
        color: '#dc77dc'
    },
    {
        name: 'GPU',
        color: '#72b362'
    }
];
let xdata = [
    "2011-12-28",
    "2016-12-28",
];
let data4 = [8, 6];
let dataMess = [{
        index: 8,
        mess: "XX企业氨水罐发生nh3爆炸",
    },
    {
        index: 6,
        mess: "系统报告泄漏事件升级,由\n报警上升为紧急报警",
    },
    {
        index: 4,
        mess: "系统报告XX园区应急指挥中心\n做批示",
    },
    {
        index: 2,
        mess: "XX区XX医院医疗队伍入场",
    },
    {
        index: 4,
        mess: "XX区应急指挥中心抽\n调应急专家级咨询专家入场",
    },
    {
        index: 6,
        mess: "XX园区SO2泄漏事\n件现场指挥小组成立",
    },
    {
        index: 8,
        mess: "XX园区SO2泄漏事件\n堵漏方案通过",
    },
    {
        index: 6,
        mess: "XX园区SO2泄漏\n事件空气恢复方案通过",
    },
];

let labelMess = function(param) {
    return (
        `{b|${param.name}} \n` + `{value|${dataMess[param.dataIndex].mess}}`
    );
};

function renderItem(params, api) {
    console.log(params)
    var categoryIndex = api.value(0);
    var start = api.coord([api.value(1), categoryIndex]);
    var end = api.coord([api.value(2), categoryIndex]);
    // console.log(start, end)
    var height = api.size([0, 1])[1];

    var rectShape = echarts.graphic.clipRectByRect({
        x: start[0],
        y: start[1] - height / 2,
        width: end[0] - start[0],
        height: height * 0.6
    }, {
        x: params.coordSys.x,
        y: params.coordSys.y,
        width: params.coordSys.width,
        height: params.coordSys.height
    });

    return rectShape && {
        type: 'rect',
        shape: rectShape,
        style: api.style({
            fill: types[params.dataIndex].color
        })
    };
}

option = {
    tooltip: {
        formatter: function(params) {
            return params.marker + params.name + ': ' + params.value[2] + ' ms';
        }
    },
    grid: [{
            "top": 80,
            "height": 40,
            "right": "4%",
            "z": 10
        },
        {
            "top": 80,
            "height": 65,
            "right": "4%",
            "z": 15
        },
        {
            "top": 80,
            "bottom": 0,
            // "height": 40,
            "right": "4%",
            "z": 0
        },
        {
            "top": 38,
            "height": 65,
            "right": "4%",
            "z": 12
        },
        {
            "top": 38,
            "height": 65,
            "right": "4%",
            "z": 12
        },
    ],
    "dataZoom": [{
            "type": "inside",
            "xAxisIndex": [
                0,
                1,
                2
            ],
            "start": 0,
            "end": 99.99999999999999,
            "throttle": 200
        },
        {
            "show": false,
            "height": 16,
            "xAxisIndex": [
                0,
                1,
                2
            ],
            "type": "slider",
            "top": 64,
            "start": 0,
            "end": 100,
            "handleIcon": "M-292,322.2c-3.2,0-6.4-0.6-9.3-1.9c-2.9-1.2-5.4-2.9-7.6-5.1s-3.9-4.8-5.1-7.6c-1.3-3-1.9-6.1-1.9-9.3c0-3.2,0.6-6.4,1.9-9.3c1.2-2.9,2.9-5.4,5.1-7.6s4.8-3.9,7.6-5.1c3-1.3,6.1-1.9,9.3-1.9c3.2,0,6.4,0.6,9.3,1.9c2.9,1.2,5.4,2.9,7.6,5.1s3.9,4.8,5.1,7.6c1.3,3,1.9,6.1,1.9,9.3c0,3.2-0.6,6.4-1.9,9.3c-1.2,2.9-2.9,5.4-5.1,7.6s-4.8,3.9-7.6,5.1C-285.6,321.5-288.8,322.2-292,322.2z",
            "handleSize": "120%",
            "handleStyle": {
                "color": "#18A2B2",
                "shadowColor": "#B1B5B9",
                "shadowBlur": 5
            },
            "dataBackground": {
                "lineStyle": {
                    "width": 0
                },
                "areaStyle": {
                    "color": "transparent"
                }
            },
            "backgroundColor": "transparent",
            "fillerColor": "transparent",
            "borderColor": "transparent",
            "throttle": 200
        }
    ],
    "xAxis": [{
            "type": "time",
            "boundaryGap": false,
            "axisLine": {
                "show": true,
                "lineStyle": {
                    "color": "#d8d8d8"
                }
            },
            "axisTick": {
                "show": true,
                "inside": true
            },
            "axisLabel": {
                "color": "rgba(0,0,0,0.54)",
                "fontSize": 12
            },
            "splitLine": {
                "show": false
            },
            "min": "2011-11-28",
            "max": "2017-07-25"
        },
        {
            "type": "value",
            "gridIndex": 1,
            "min": 0,
            "max": 100,
            "axisLabel": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "splitLine": {
                "show": false
            }
        },
        {
            "type": "time",
            "gridIndex": 2,
            "axisLabel": {
                "show": false
            },
            "axisLine": {},
            "axisTick": {
                "show": false
            },
            "splitLine": {
                "show": false
            }
        },
        {
            "type": "time",
            "boundaryGap": false,
            "axisLabel": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "splitLine": {
                "show": false
            }
        },
        {
            "type": "time",
            "boundaryGap": false,
            "gridIndex": 3,
            "axisLabel": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "splitLine": {
                "show": false
            },
            min: '2011-11-28',
            max: '2017-07-25',
        },
        {
            "type": "time",
            "boundaryGap": false,
            "gridIndex": 4,
            "axisLabel": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "splitLine": {
                "show": false
            },
            min: '2011-11-28',
            max: '2017-07-25',
        }
    ],
    "yAxis": [{
            "data": [],
            "gridIndex": 0,
            "splitLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisLabel": {
                "show": false
            }
        },
        {
            "type": "value",
            "gridIndex": 1,
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "axisLabel": {
                "show": false
            },
            "splitLine": {
                "show": false
            }
        },
        {
            "type": "value",
            "gridIndex": 2,
            "axisLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "axisLabel": {
                "show": false
            },
            "splitLine": {
                "show": false
            }
        },
        {
            "data": [],
            "gridIndex": 0,
            "splitLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisLabel": {
                "show": false
            }
        },
        {
            "gridIndex": 3,
            "splitLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisLabel": {
                "show": false
            },
            
        },
        {
            "gridIndex": 4,
            "splitLine": {
                "show": false
            },
            "axisTick": {
                "show": false
            },
            "axisLine": {
                "show": false
            },
            "axisLabel": {
                "show": false
            },
            
        }
    ],
    series: [{
            "type": "custom",
            "itemStyle": {
                "opacity": 0.8
            },
            "encode": {
                "x": [1, 2],
                "y": [0]
            },
            "renderItem": renderItem,
            "data": [{
                "value": [0, "2011-12-28", "2012-06-04", "Admission"]
            }, {
                "value": [0, "2012-12-28", "2013-01-04", "Outpatient"]
            }, {
                "value": [0, "2014-05-20", "2014-08-03", "Admission"]
            }, {
                "value": [0, "2016-06-22", "2016-07-25", "Emergency"]
            }]
        }, {
            "type": "line",
            "yAxisIndex": 2,
            "xAxisIndex": 2,
            "data": [
                ["2011-11-28", 0],
                ["2017-07-25", 0]
            ],
            "symbol": "none",
            "lineStyle": {
                "color": "transparent"
            },
            markArea: {
                silent: true,
                itemStyle: {
                    color: 'rgba(83,165,138,.1)',
                },
                data: [
                    [{
                            coord: ['2013-05-01'],
                        },
                        {
                            coord: ['2015-05-16'],
                        },
                    ],
                ],
            },
        }, {
            "type": "custom",
            "yAxisIndex": 3,
            "xAxisIndex": 3,
            "itemStyle": {
                "opacity": 0.8,
            },
            "renderItem": renderItem,
            "encode": {
                "x": [1, 2],
                "y": [0]
            },
            "data": [{
                "value": [0, "2011-11-28", "2017-07-25"]
            }]
        },
        // {
        //  // 个性化 data zoom slider
        //   type: 'pictorialBar',
        //   yAxisIndex: 1,
        //   xAxisIndex: 1,
        //   barWidth: 1,
        //   itemStyle: {
        //     color: '#18A2B2',
        //     borderColor: '#18A2B2',
        //   },
        //   symbol: 'rect',
        //   data: [
        //     [0, 8],
        //     [100, 8],
        //   ],
        // },
        {
            type: "pictorialBar",
            data: [
                // ['2011-11-28', 8],
                ['2013-02-29', 8]
            ],
            zlevel: 999,
            xAxisIndex: 4,
            yAxisIndex: 4,
            barWidth: 1,
            symbol: "rect",
            symbolSize: ['100%', 90],
            symbolOffset: [8,0],
            itemStyle: {
                normal: {
                    color: {
                        //图形颜色
                        type: "linear",
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [{
                                offset: 0,
                                color: "#D88000", // 0% 处的颜色
                            },
                            {
                                offset: 1,
                                color: "#D88000", // 100% 处的颜色
                            },
                        ],
                        global: false, // 缺省为 false
                    },
                    // shadowColor: "#D0D6E5",
                    // shadowBlur: 1,
                },
            },
            label: {
                show: true,
                width: 90,
                height: 50,
                padding: [0, 0, 0, 10],
                backgroundColor:'rgba(239,183,19,0.40)',
                // shadowColor: "#D88000",
                // shadowBlur: 4,
                // borderRadius: 5,
                position: "top",
                offset: [57, 55],
                formatter: function(param) {
                    console.log(param)
                    return ( `{a|${'首次转移'}}\n ` + `{b|${'2011-11-28'}}`  + `{c|${3}}`);
                },
                rich: {
                    a: {
                        lineHeight: 0,
                        fontWeight: 400,
                        fontSize: 12,
                        padding: [-35, 0, 0, 3],
                    },
                    b: {
                        color: 'rgba(27,27,27,0.54)',
                        fontWeight: 400,
                        fontSize: 12,
                        lineHeight: 30,
                        padding: [-45, 0, 0, 0],
                        align: "left",
                    },
                    c: {
                        backgroundColor: {
                            width: 24,
                            height: 24,
                            image: "data:image/png;base64,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"
                        },
                        height: 24,
                        width: 24,
                        align: 'right',
                        padding: [2, 8, 0, 0],
                    }
                },
            },
        },
        {
            type: "pictorialBar",
            data: [
                ['2011-11-28', 8],
                // ['2012-02-29', 8]
            ],
            xAxisIndex: 4,
            yAxisIndex: 4,
            zlevel: 1000,
            barWidth: 1,
            symbol: "rect",
            symbolSize: ['100%', 90],
            itemStyle: {
                normal: {
                    color: {
                        //图形颜色
                        type: "linear",
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [{
                                offset: 0,
                                color: "#D88000", // 0% 处的颜色
                            },
                            {
                                offset: 1,
                                color: "#D88000", // 100% 处的颜色
                            },
                        ],
                        global: false, // 缺省为 false
                    },
                    // shadowColor: "#D0D6E5",
                    // shadowBlur: 1,
                },
            },
            label: {
                show: true,
                width: 90,
                height: 50,
                padding: [0, 0, 0, 10],
                backgroundColor:'rgba(239,183,19,0.40)',
                // shadowColor: "#D88000",
                // shadowBlur: 4,
                // borderRadius: 5,
                position: "top",
                offset: [49, 55],
                formatter: function(param) {
                    console.log(param)
                    return ( `{a|${'首次复发'}}\n ` + `{b|${'2011-11-28'}}\n` );
                },
                rich: {
                    a: {
                        lineHeight: 0,
                        fontWeight: 400,
                        fontSize: 12,
                        padding: [-35, 0, 0, 3],
                    },
                    b: {
                        color: 'rgba(27,27,27,0.54)',
                        fontWeight: 400,
                        fontSize: 12,
                        lineHeight: 30,
                        padding: [-45, 0, 0, 0],
                        align: "left",
                    },
                },
            },
        },
        
        {
            type: "pictorialBar",
            data: [
                ['2011-11-28', 8],
                ['2012-02-29', 8]
            ],
            xAxisIndex: 5,
            yAxisIndex: 5,
            barWidth: 50,
            symbol: "rect",
            // z: 100,
            symbolSize: ['200%', 50],
            symbolOffset: [50, -40] ,
            itemStyle: {
                normal: {
                    color: {
                        //图形颜色
                        type: "linear",
                        x: 0,
                        y: 0,
                        x2: 0,
                        y2: 1,
                        colorStops: [{
                                offset: 0,
                                color: "transparent", // 0% 处的颜色
                            },
                            {
                                offset: 1,
                                color: "transparent", // 100% 处的颜色
                            },
                        ],
                        global: false, // 缺省为 false
                    },
                    // shadowColor: "#D0D6E5",
                    // shadowBlur: 1,
                },
            },
        },
    ]
};