var fontSize = 0.0067 * window.screen.width;//字体13(默认) var fontSize1 = 0.0057 * window.screen.width;//字体11(默认) var fontSize2 = 0.00625 * window.screen.width;//字体12(默认) var leftChart1DataFormat = function(options) { var xAxisData = _.map(options.xAxis[0].data, function(item, idx) { item = parseInt(item.substring(5, 7)) + "月"; return item; }); var series0data = options.series[0].data || []; var series1data = options.series[1].data || []; var option = { "title": { "text": "门诊人次月趋势", "x": "center", textStyle: { color: '#b5e1fc', fontSize: 16, fontWeight: 'bold' } }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#fff' } }, formatter: '{b}
{a0}: {c0}
{a1}: {c1}' + "%" }, "grid": { top: '70', left: '75', bottom: '40' }, legend: { data: ['门诊人次', '环比'], textStyle: { color: '#b5e1fc' }, top: '40' }, xAxis: [{ type: 'category', data: xAxisData, axisPointer: { type: 'shadow' }, axisTick: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize } }], yAxis: [{ type: 'value', name: '门诊人次', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize } }, { type: 'value', name: '环比', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false // 不显示坐标轴刻度 }, axisLine: { lineStyle: { color: '#095f8e' // 坐标轴轴线颜色 } }, axisLabel: { color: '#b5e1fc', // 坐标轴刻度标签文本颜色 fontSize: fontSize }, show: true } ], series: [{ name: '门诊人次', type: 'bar', "data": series0data, barWidth: 20, label: { normal: { show: true, position: 'top', // 在柱状图上方显示 color: '#fff' // 柱状图上方显示的数值颜色 } }, itemStyle: { barBorderRadius: [8, 8, 0, 0], color: '#00e6f3' } }, { name: '环比', type: 'line', yAxisIndex: 1, "data": series1data, itemStyle: { color: '#03fa6d' }, markLine:{ data:[ {yAxis: 0, name: '环比'} ], label:{ show: true, position: 'middle' }, lineStyle:{ color: '#ffffff' } } } ] } return option; }, leftChart2DataFormat = function(options){ var xAxisData = _.map(options.xAxis[0].data, function(item, idx) { item = parseInt(item.substring(5, 7)) + "月"; return item; }); var series0data = options.series[0].data || [];; var series1data = options.series[1].data || [];; var option = { "title": { "text": "住院人次月趋势", "x": "center", textStyle: { color: '#b5e1fc', fontSize: 16, fontWeight: 'bold' } }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#fff' } } }, "grid": { top: '70', left: '70', bottom: '40' }, legend: { data: ['住院人次', '环比'], textStyle: { color: '#b5e1fc' }, top: '40' }, xAxis: [{ type: 'category', data: xAxisData, axisPointer: { type: 'shadow' }, axisTick: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize } }], yAxis: [{ type: 'value', name: '住院人次', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize } }, { type: 'value', name: '环比', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false // 不显示坐标轴刻度 }, axisLine: { lineStyle: { color: '#095f8e' // 坐标轴轴线颜色 } }, axisLabel: { color: '#b5e1fc', // 坐标轴刻度标签文本颜色 fontSize: fontSize }, show:true } ], series: [{ name: '住院人次', type: 'bar', "data": series0data, barWidth: 20, label: { normal: { show: true, position: 'top', // 在柱状图上方显示 color: '#fff' // 柱状图上方显示的数值颜色 } }, itemStyle: { barBorderRadius: [8, 8, 0, 0], color: '#ff616f' } }, { name: '环比', type: 'line', yAxisIndex: 1, "data": series1data, itemStyle: { color: '#03fa6d' }, markLine:{ data:[ {yAxis: 0, name: '环比'} ], label:{ show: true, position: 'middle' }, lineStyle:{ color: '#ffffff' } } } ] } return option; }, rightChart1DataFormat = function(options){ var xAxisData = _.map(options.xAxis[0].data, function(item, idx) { item = parseInt(item.substring(5, 7)) + "月"; return item; }); var series0data = options.series[0].data || []; var series1data = options.series[1].data || []; var series2data = options.series[2].data || []; var series3data = options.series[3].data || [] series2data = _.map(series2data,function(item,idx){ return parseFloat(item) }) console.error(JSON.stringify(series2data)) var option = { "title": { "text": "门诊分类别月趋势", "x": "center", textStyle: { color: '#b5e1fc', fontSize: 16, fontWeight: 'bold' } }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#fff' } }, formatter: function(value){ var resStr = ""; _.map(value,function(item,idx){ if(idx==0){ resStr+=item.axisValue+"
"; } resStr+=item.seriesName+":"+item.data; if(idx==2 || idx==3){//环比值加% if(item.data!="--"){ resStr+="%"; } } resStr+="
"; }) return resStr; } }, "grid":{ top: '80', left: '60', bottom: '30', right:'60' }, legend: { data: ['普通号', '专家号', '普通号环比', '专家号环比'], textStyle: { color: '#b5e1fc' }, top: '30', itemWidth: 10 }, xAxis: [{ type: 'category', data: xAxisData, axisPointer: { type: 'shadow' }, axisTick: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize } }], yAxis: [{ type: 'value', name: '人次', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize2 }, splitNumber: 2 }, { type: 'value', name: '环比', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false // 不显示坐标轴刻度 }, axisLine: { lineStyle: { color: '#095f8e' // 坐标轴轴线颜色 } }, axisLabel: { color: '#b5e1fc', // 坐标轴刻度标签文本颜色 fontSize: fontSize2 }, show:true, splitNumber: 4 } ], series: [{ name: '普通号', type: 'bar', "data": series0data, barWidth: 20, label: { normal: { show: true, position: 'top', // 在柱状图上方显示 color: '#fff', // 柱状图上方显示的数值颜色 fontSize: fontSize1 } }, itemStyle: { barBorderRadius: [8, 8, 0, 0], color: '#00e6f3' } }, { name: '专家号', type: 'bar', "data": series1data, barWidth: 20, label: { normal: { show: true, position: 'top', // 在柱状图上方显示 color: '#fff', // 柱状图上方显示的数值颜色 fontSize: fontSize1 } }, itemStyle: { barBorderRadius: [8, 8, 0, 0], color: '#fff71a' } }, { name: '普通号环比', type: 'line', yAxisIndex: 1, "data": series2data, itemStyle: { color: '#03fa6d' } }, { name: '专家号环比', type: 'line', yAxisIndex: 1, "data": series3data, itemStyle: { color: '#ff616f' }, markLine:{ data:[ {yAxis: 0, name: '环比'} ], label:{ show: true, position: 'middle' }, lineStyle:{ color: '#ffffff' } } }, ] } return option; }, rightChart2DataFormat = function(options){ var xAxisData = _.map(options.xAxis[0].data, function(item, idx) { item = parseInt(item.substring(5, 7)) + "月"; return item; }); var series0data = options.series[0].data || [];; var series1data = options.series[1].data || [];; var option = { "title": { "text": "住院平均日数月趋势", "x": "center", textStyle: { color: '#b5e1fc', fontSize: 16, fontWeight: 'bold' } }, tooltip: { trigger: 'axis', axisPointer: { type: 'cross', crossStyle: { color: '#fff' } }, formatter:'{b}
{a0}: {c0}
{a1}: {c1}' + "%" }, "grid": { top: '70', left: '60', bottom: '30' }, legend: { data: ['住院平均床日数', '环比'], textStyle: { color: '#b5e1fc' }, top: '30' }, xAxis: [{ type: 'category', data: xAxisData, axisPointer: { type: 'shadow' }, axisTick: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize } }], yAxis: [{ type: 'value', name: '天', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false }, axisLine: { lineStyle: { color: '#095f8e' } }, axisLabel: { color: '#b5e1fc', fontSize: fontSize2 }, splitNumber: 2 }, { type: 'value', name: '环比', nameTextStyle: { color: '#b5e1fc' // 坐标轴名称颜色 }, splitLine: { show: false // 不显示坐标轴刻度 }, axisLine: { lineStyle: { color: '#095f8e' // 坐标轴轴线颜色 } }, axisLabel: { color: '#b5e1fc', // 坐标轴刻度标签文本颜色 fontSize: fontSize2 }, show:true, splitNumber: 4 } ], series: [{ name: '住院平均床日数', type: 'bar', "data": series0data, barWidth: 20, label: { normal: { show: true, position: 'top', // 在柱状图上方显示 color: '#fff' // 柱状图上方显示的数值颜色 } }, itemStyle: { barBorderRadius: [8, 8, 0, 0], color: '#00e6f3' } }, { name: '环比', type: 'line', yAxisIndex: 1, "data": series1data, itemStyle: { color: '#03fa6d' }, markLine:{ data:[ {yAxis: 0, name: '环比'} ], label:{ show: true, position: 'middle' }, lineStyle:{ color: '#ffffff' } } } ] } return option; }