纯文本echarts 配置项内容和展示

geaphic的应用

      var index = 0;
		var option = {
		    graphic:[{
                type: 'image',
                left: '6%',
                top: '1%',
                style: {
                	image:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAIklEQVQ4jWPMev73PwMVARM1DRs1cNTAUQNHDRw1cCgZCABgOAN1g7J0OwAAAABJRU5ErkJggg=="
                }
            },{
                type: 'text',
                left: '10%',
                top: '0%',
                style: {
                    fill: '#fff',
                    text: 'XXXXXXXXXXXXXXXXXXXX项目',
                    font: '48px 微软雅黑'
                }
            },{
                type: 'text',
                left: '10%',
                top: '7%',
                style: {
                    fill: '#20B2AA',
                    text: '上报XXXXXXXXXX指标异常',
                    font: '40px 微软雅黑'
                }
            },{
                type: 'image',
                left: '6%',
                top: '25%',
                style: {
                	image:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAIklEQVQ4jWPMev73PwMVARM1DRs1cNTAUQNHDRw1cCgZCABgOAN1g7J0OwAAAABJRU5ErkJggg=="
                }
            },{
                type: 'text',
                left: '10%',
                top: '25%',
                style: {
                    fill: '#fff',
                    text: 'XXXXXXXXXXXXXXXXXXXX项目',
                    font: '48px 微软雅黑'
                }
            },{
                type: 'text',
                left: '10%',
                top: '32%',
                style: {
                    fill: '#20B2AA',
                    text: '上报XXXXXXXXXX指标异常',
                    font: '40px 微软雅黑'
                }
            },{
                type: 'image',
                left: '6%',
                top: '55%',
                style: {
                	image:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAIklEQVQ4jWPMev73PwMVARM1DRs1cNTAUQNHDRw1cCgZCABgOAN1g7J0OwAAAABJRU5ErkJggg=="
                }
            },{
                type: 'text',
                left: '10%',
                top: '55%',
                style: {
                    fill: '#fff',
                    text: 'XXXXXXXXXXXXXXXXXXXX项目',
                    font: '48px 微软雅黑'
                }
            },{
                type: 'text',
                left: '10%',
                top: '62%',
                style: {
                    fill: '#20B2AA',
                    text: '上报XXXXXXXXXX指标异常',
                    font: '40px 微软雅黑'
                }
            },{
                type: 'image',
                left: '6%',
                top: '85%',
                style: {
                	image:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAAIklEQVQ4jWPMev73PwMVARM1DRs1cNTAUQNHDRw1cCgZCABgOAN1g7J0OwAAAABJRU5ErkJggg=="
                }
            },{
                type: 'text',
                left: '10%',
                top: '85%',
                style: {
                    fill: '#fff',
                    text: 'XXXXXXXXXXXXXXXXXXXX项目',
                    font: '48px 微软雅黑'
                }
            },{
                type: 'text',
                left: '10%',
                top: '92%',
                style: {
                    fill: '#20B2AA',
                    text: '上报XXXXXXXXXX指标异常',
                    font: '40px 微软雅黑'
                }
            }]
		};