" + "" + value.data[3] + " " + value.data[4] + "运行情况" + "" + "" + "Job数量:" + value.data[2] + "个" + "" + "" + "执行时长：" + value.data[1] + "分钟" + "" + "

"; return tooltip; }else{ return; } } }, xAxis: [{ type: 'category', boundaryGap: true, data: xvalue_24h, //Todo axisLine: { show: false }, axisTick: { show: false }, axisLabel: { textStyle: { color: "#454e72" }, margin: 15 }, splitLine: { lineStyle: { color: "#1d203b" } } }], yAxis: [{ name: '单位（分钟）', nameGap:20, nameTextStyle:{ color:'#454e72', fontSize: 12, }, type: 'value', axisLine: { show: false }, axisTick: { show: false }, axisLabel: { // formatter: function(value, idx) { // if (idx === 0) { // return value + "个"; // } else { // return value; // } // }, textStyle: { color: '#303765' }, margin: 20 }, splitLine: { lineStyle: { color: "#1d203b" } } }], dataZoom: [{ type: 'slider', show: true, yAxisIndex: [0], left: '93%', start: 0, end: 90, textStyle: { color: '#aed2ff' }, borderColor: '#3c4868', width: '26', height: '80%', handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', handleSize: '90%', dataBackground: { areaStyle: { color: '#222445' }, lineStyle: { opacity: 0.8, color: '#222445' } }, handleStyle: { color: '#aed2ff', shadowBlur: 3, shadowColor: 'rgba(0, 0, 0, 0.6)', shadowOffsetX: 2, shadowOffsetY: 2 } }, { type: 'inside', yAxisIndex: [0], start: 0, end: 90, textStyle: { color: '#aed2ff' }, borderColor: '#3c4868', width: '26', height: '80%', handleIcon: 'M10.7,11.9v-1.3H9.3v1.3c-4.9,0.3-8.8,4.4-8.8,9.4c0,5,3.9,9.1,8.8,9.4v1.3h1.3v-1.3c4.9-0.3,8.8-4.4,8.8-9.4C19.5,16.3,15.6,12.2,10.7,11.9z M13.3,24.4H6.7V23h6.6V24.4z M13.3,19.6H6.7v-1.4h6.6V19.6z', handleSize: '90%', dataBackground: { areaStyle: { color: '#222445' }, lineStyle: { opacity: 0.8, color: '#222445' } }, handleStyle: { color: '#aed2ff', shadowBlur: 3, shadowColor: 'rgba(0, 0, 0, 0.6)', shadowOffsetX: 2, shadowOffsetY: 2 } }, ], visualMap: [{ show: true, type: 'piecewise', dimension: 3, orient: 'horizontal', right: "17%", top: 0, categories: Job_scatter_data.namelist, calculable: true, //precision: 0.1, textGap: 2, itemGap: 16, textStyle: { color: [], fontSize: 14 }, inRange: { color: colorsJob, symbol: 'circle' }, outOfRange: { color: '#555' } }], animation: true, animationDurationUpdate: 1000, animationEasingUpdate: 'quinticInOut', series: [{ type: 'scatter', itemStyle: itemStyle, data: Job_scatter_data.series[0], symbolSize: function(val) { return sizeFunction(~~val[2]); } }], }, options: [] }; for (var i = 0; i < Job_scatter_data.time.length; i++) { option.options.push({ title: { text: "大小：执行时长", textStyle: { color: "#707aa0", fontStyle: "normal", fontSize: '14px', fontFamily: "微软雅黑", }, right: "4%" }, series: { //name: data.timeline[n], type: 'scatter', data: Job_scatter_data.series[i], itemStyle: itemStyle, symbolSize: function(val) { return sizeFunction(~~val[2]); } } }); } myChart.setOption(option);

Echarts在线免费图表