贡献度指数	存款效益	贷款效益	贷款效益
' + serie[0] + '	' + serie[1] + '	' + serie[2] + '	' + serie[3] + '

'; table += '

'; table += ''; table += ''; table += '

忠诚度指数:' + keyValue + '

'; table += '

'; table += ''; table += ''; table += '' + '' + '' + '' + '' + ''; table += '' + '' + '' + '' + '' + ''; table += '

忠诚度指数明细	存款	理财	基金
分值	' + serie1[0] + '	' + serie1[1] + '	' + serie1[2] + '
权重	' + serie2[1] + '	' + serie2[1] + '	' + serie2[2] + '

'; return table; }, readOnly: true }, restore: { show: true }, saveAsImage: { show: true } } }, /* tooltip: { trigger: 'axis' } ,*/ tooltip: { trigger: 'axis', axisPointer: { // 坐标轴指示器，坐标轴触发有效 type: 'shadow' // 默认为直线，可选为：'line' | 'shadow' }, fomatter: function(obj) { return '

' + tital + '

' + '' + '存款效益' + '' + ' : ' + serie[1] + '
' + '' + '中间业务效益' + '' + ' : ' + serie[2] + '' + '贷款效益' + '' + ' : ' + serie[3] } }, legend: { type: 'plain', top: '35%', pageButtonGap: 10, pageButtonPosition: 'end', data: ['存款效益', '中间业务效益', '贷款效益'] }, grid: [{ show: false, left: '0%', top: '5%', containLabel: true, width: '95%', height: '30%' }, { show: false, left: '3%', top: '48%', containLabel: true, width: '45%', height: '50%' }, { show: false, left: '53%', top: '48%', containLabel: true, width: '42%', height: '45%' }], /* legend : [ { type : 'plain', top : '35%', data : [ '存款效益', '中间业务效益', '贷款效益' ] }, { }, { type : 'scroll', top : '5%', pageButtonGap : 10, pageButtonPosition : 'end', data : [ '暂降频次3', '暂降频次4' ], x : 'right', } ], */ xAxis: [{ gridIndex: 0, type: 'value', offset: -85, splitLine: { show: false, //让X轴数据不显示 } }, { gridIndex: 1, show: false }, { gridIndex: 2, type: 'category', axisLabel: { // interval:0,//横轴信息全部显示 rotate: -30 //-30度角倾斜显示 }, name: '忠诚度指数明细', nameLocation: 'center', nameGap: '30', nameTextStyle: { fontSize: 12 }, axisTick: { // alignWithLabel: true }, // boundaryGap: false, data: ['存款', '理财', '基金'] }], yAxis: [{ gridIndex: 0, type: 'category', splitNumber: 0, boundaryGap: [0, 0], axisLabel: { show: false, //让Y轴数据不显示 }, itemStyle: {}, axisTick: { show: false, //隐藏Y轴刻度 }, axisLine: { show: false, //隐藏Y轴线段 }, data: [tital] }, { gridIndex: 1, position: 'left', show: false }, { gridIndex: 2, type: 'value', name: '分值', position: 'left', axisLine: { lineStyle: { color: colors[1] } }, axisLabel: { formatter: '{value} ' }, axisTick: { alignWithLabel: true } }, { gridIndex: 2, type: 'value', name: '权重', position: 'right', axisLine: { lineStyle: { color: colors[2] } }, axisLabel: { formatter: '{value} ' }, axisTick: { alignWithLabel: true } }], series: [{ name: '存款效益', type: 'bar', xAxisIndex: 0, yAxisIndex: 0, stack: '效益', barCategoryGap: 0, barGap: 0, barWidth: 50, label: { normal: { show: true, position: 'insideRight' } }, data: [serie[1]] }, { name: '中间业务效益', type: 'bar', xAxisIndex: 0, yAxisIndex: 0, stack: '效益', barCategoryGap: 0, barGap: 0, barWidth: 50, label: { normal: { show: true, position: 'insideRight' } }, data: [serie[2]] }, { name: '贷款效益', type: 'bar', xAxisIndex: 0, yAxisIndex: 0, stack: '效益', barCategoryGap: 0, barGap: 0, barWidth: 50, label: { normal: { show: true, position: 'insideRight' } }, data: [serie[3]] }, { name: '忠诚度指数', xAxisIndex: 1, yAxisIndex: 1, type: 'gauge', radius: '50%', center: ['27%', '73%'], min: 0, max: 100, axisLine: { show: true, lineStyle: { width: 30, shadowBlur: 0, color: [ [0.3, '#C23531'], [0.6, '#63869e'], [0.8, '#bda29a'], [0.9, '#d48265'], [1, '#91c7ae'] ] } }, axisLabel: { formatter: function(e) { switch (e + "") { case "10": return "低"; case "50": return "一般"; case "70": return "良好"; case "90": return "高"; case "100": return "极好"; default: return e; } }, textStyle: { fontSize: 12, fontWeight: "" } }, detail: { formatter: '{value}' }, title: { fontSize: 12 }, data: [{ value: keyValue, name: '忠诚度指数' }] }, { name: '分值', type: 'bar', smooth: true, barWidth: 25, xAxisIndex: 2, yAxisIndex: 2, symbolSize: 8, //拐点大小 label: { normal: { show: true, position: 'top', color: colors[1], } }, lineStyle: { normal: { width: 4, color: colors[1] } }, data: serie1 }, { name: '权重', type: 'bar', smooth: true, barWidth: 25, xAxisIndex: 2, yAxisIndex: 3, symbolSize: 8, //拐点大小 label: { normal: { show: true, position: 'top', color: colors[2], } }, lineStyle: { normal: { width: 4, color: colors[2] } }, data: serie2 }] };

Echarts在线免费图表