动态河流图

描述:当前是关于Echarts图表中的 示例。
 
            option = {
    backgroundColor: "#1C0D22",
    color: ["#C58080", "#E1A4C4", "#C03C71", "#8C2487", "#503CD0", "#7768C1", ],

    tooltip: {
        trigger: 'axis',
        axisPointer: {
            type: 'line',
            lineStyle: {
                color: 'rgba(255,255,0,0.8)',
                width: 1,
                type: 'solid'
            }
        }
    },

    legend: {
        top: '4%',
        textStyle: {
            color: '#FE80C8',
        },
        data: ['DQ', 'TY', 'SS', 'QG', 'SY', 'DD']
    },

    singleAxis: {
        top: 90,
        bottom: 90,
        left: 100,
        right: 100,
        axisLine: {
            lineStyle: {
                color: '#5F4051'
            }
        },
        splitLine: {
            show: true,
            lineStyle: {
                color: '#5F4051',
            }
        },
        type: 'time',
        axisPointer: {
            animation: true,
            label: {
                show: true
            }
        },
    },

    series: [{
        type: 'themeRiver',
        label: {
            normal: {
                show: false,
                position: 'left'
            }
        },
        itemStyle: {
            emphasis: {
                shadowBlur: 20,
                shadowColor: 'rgba(0, 0, 0, 0.6)'
            }
        },
        data: [
            ['2015/11/08', 10, 'DQ'],
            ['2015/11/09', 15, 'DQ'],
            ['2015/11/10', 35, 'DQ'],
            ['2015/11/11', 38, 'DQ'],
            ['2015/11/12', 22, 'DQ'],
            ['2015/11/13', 16, 'DQ'],
            ['2015/11/14', 7, 'DQ'],
            ['2015/11/15', 2, 'DQ'],
            ['2015/11/16', 17, 'DQ'],
            ['2015/11/17', 33, 'DQ'],
            ['2015/11/18', 40, 'DQ'],
            ['2015/11/19', 32, 'DQ'],
            ['2015/11/20', 26, 'DQ'],
            ['2015/11/21', 35, 'DQ'],
            ['2015/11/22', 40, 'DQ'],
            ['2015/11/23', 32, 'DQ'],
            ['2015/11/24', 26, 'DQ'],
            ['2015/11/25', 22, 'DQ'],
            ['2015/11/26', 16, 'DQ'],
            ['2015/11/27', 22, 'DQ'],
            ['2015/11/28', 10, 'DQ'],
            ['2015/11/08', 35, 'TY'],
            ['2015/11/09', 36, 'TY'],
            ['2015/11/10', 37, 'TY'],
            ['2015/11/11', 22, 'TY'],
            ['2015/11/12', 24, 'TY'],
            ['2015/11/13', 26, 'TY'],
            ['2015/11/14', 34, 'TY'],
            ['2015/11/15', 21, 'TY'],
            ['2015/11/16', 18, 'TY'],
            ['2015/11/17', 45, 'TY'],
            ['2015/11/18', 32, 'TY'],
            ['2015/11/19', 35, 'TY'],
            ['2015/11/20', 30, 'TY'],
            ['2015/11/21', 28, 'TY'],
            ['2015/11/22', 27, 'TY'],
            ['2015/11/23', 26, 'TY'],
            ['2015/11/24', 15, 'TY'],
            ['2015/11/25', 30, 'TY'],
            ['2015/11/26', 35, 'TY'],
            ['2015/11/27', 42, 'TY'],
            ['2015/11/28', 42, 'TY'],
            ['2015/11/08', 21, 'SS'],
            ['2015/11/09', 25, 'SS'],
            ['2015/11/10', 27, 'SS'],
            ['2015/11/11', 23, 'SS'],
            ['2015/11/12', 24, 'SS'],
            ['2015/11/13', 21, 'SS'],
            ['2015/11/14', 35, 'SS'],
            ['2015/11/15', 29, 'SS'],
            ['2015/11/16', 40, 'SS'],
            ['2015/11/17', 36, 'SS'],
            ['2015/11/18', 33, 'SS'],
            ['2015/11/19', 43, 'SS'],
            ['2015/11/20', 30, 'SS'],
            ['2015/11/21', 34, 'SS'],
            ['2015/11/22', 28, 'SS'],
            ['2015/11/23', 26, 'SS'],
            ['2015/11/24', 37, 'SS'],
            ['2015/11/25', 21, 'SS'],
            ['2015/11/26', 46, 'SS'],
            ['2015/11/27', 47, 'SS'],
            ['2015/11/28', 41, 'SS'],
            ['2015/11/08', 10, 'QG'],
            ['2015/11/09', 15, 'QG'],
            ['2015/11/10', 35, 'QG'],
            ['2015/11/11', 38, 'QG'],
            ['2015/11/12', 22, 'QG'],
            ['2015/11/13', 16, 'QG'],
            ['2015/11/14', 7, 'QG'],
            ['2015/11/15', 8, 'QG'],
            ['2015/11/16', 17, 'QG'],
            ['2015/11/17', 33, 'QG'],
            ['2015/11/18', 40, 'QG'],
            ['2015/11/19', 32, 'QG'],
            ['2015/11/20', 26, 'QG'],
            ['2015/11/21', 15, 'QG'],
            ['2015/11/22', 40, 'QG'],
            ['2015/11/23', 32, 'QG'],
            ['2015/11/24', 26, 'QG'],
            ['2015/11/25', 22, 'QG'],
            ['2015/11/26', 16, 'QG'],
            ['2015/11/27', 22, 'QG'],
            ['2015/11/28', 10, 'QG'],
            ['2015/11/08', 10, 'SY'],
            ['2015/11/09', 15, 'SY'],
            ['2015/11/10', 35, 'SY'],
            ['2015/11/11', 38, 'SY'],
            ['2015/11/12', 22, 'SY'],
            ['2015/11/13', 16, 'SY'],
            ['2015/11/14', 7, 'SY'],
            ['2015/11/15', 12, 'SY'],
            ['2015/11/16', 17, 'SY'],
            ['2015/11/17', 33, 'SY'],
            ['2015/11/18', 40, 'SY'],
            ['2015/11/19', 32, 'SY'],
            ['2015/11/20', 16, 'SY'],
            ['2015/11/21', 25, 'SY'],
            ['2015/11/22', 24, 'SY'],
            ['2015/11/23', 22, 'SY'],
            ['2015/11/24', 26, 'SY'],
            ['2015/11/25', 22, 'SY'],
            ['2015/11/26', 16, 'SY'],
            ['2015/11/27', 22, 'SY'],
            ['2015/11/28', 10, 'SY'],
            ['2015/11/08', 10, 'DD'],
            ['2015/11/09', 15, 'DD'],
            ['2015/11/10', 35, 'DD'],
            ['2015/11/11', 38, 'DD'],
            ['2015/11/12', 22, 'DD'],
            ['2015/11/13', 16, 'DD'],
            ['2015/11/14', 7, 'DD'],
            ['2015/11/15', 2, 'DD'],
            ['2015/11/16', 17, 'DD'],
            ['2015/11/17', 33, 'DD'],
            ['2015/11/18', 4, 'DD'],
            ['2015/11/19', 32, 'DD'],
            ['2015/11/20', 16, 'DD'],
            ['2015/11/21', 35, 'DD'],
            ['2015/11/22', 40, 'DD'],
            ['2015/11/23', 29, 'DD'],
            ['2015/11/24', 26, 'DD'],
            ['2015/11/25', 5, 'DD'],
            ['2015/11/26', 11, 'DD'],
            ['2015/11/27', 26, 'DD'],
            ['2015/11/28', 10, 'DD']
        ]
    }]
};