function wk(stock,code,name,lang,_title,_serious){ var opt_url; if(stock === "hk"){ opt_url = "//data.gtimg.cn/flashdata/hk/latest/weekly/"; }else{ opt_url = "//data.gtimg.cn/flashdata/hushen/latest/weekly/"; }; $.ajax({ type: "GET", url: opt_url + stock + code + ".js?maxage=43201&visitDstTime=1", dataType:"script", success:function(){ var w_data = format(latest_weekly_data,lang); var w_data0 = splitData(w_data); var w_option = opt_wk(name,w_data0,lang,_title,_serious); // 2. 创建echarts实例 var myChart = echarts.init(document.getElementById('main')); // 3. 作用 myChart.setOption(w_option); } }); // 提示框中文格式回调封装 function tooltip_wk(lang,param,name){ var html = ""; if(lang == "CN"){ var til_op = '开盘值:' var til_cl = '收盘值:' var til_hi = '最高值:' var til_low = '最低值:' var value_hi = param[0].value[3] var value_low = param[0].value[4] }else{ var til_op = 'open:' var til_cl = 'close:' var til_hi = 'highest:' var til_low = 'lowest:' var value_hi = param[0].value[4] var value_low = param[0].value[3] } if(param[0].componentSubType == "candlestick"){ html += '
' + name + '
' + '
' + param[0].name + '
' + '
' + '' + param[0].seriesName + ":" + '
' + '' + til_op + toDecimal(param[0].value[1]) + '
' + '' + til_cl + toDecimal(param[0].value[2]) + '
' + '' + til_hi + toDecimal(value_hi) + '
' + '' + til_low + toDecimal(value_low) + '
' } if(param[1] && param[1].componentSubType == "line"){ var rplStr = param[1].seriesName.indexOf("均线") >= 0?param[1].seriesName.replace("均线","均值"):null html += '' + rplStr +':' + toDecimal(param[1].value) + '
' }; if(param[2] && param[2].componentSubType == "line"){ var rplStr = param[2].seriesName.indexOf("均线") >= 0?param[2].seriesName.replace("均线","均值"):null html += '' + rplStr + ':' + toDecimal(param[2].value) + '
' }; if(param[3] && param[3].componentSubType == "line"){ var rplStr = param[3].seriesName.indexOf("均线") >= 0?param[3].seriesName.replace("均线","均值"):null html += '' + rplStr + ':' + toDecimal(param[3].value) + '
' }; if(param[4] && param[4].componentSubType == "line"){ var rplStr = param[4].seriesName.indexOf("均线") >= 0?param[4].seriesName.replace("均线","均值"):null html += '' + rplStr + ':' + toDecimal(param[4].value) } return html; } // echarts配置 function opt_wk(name,data,lang,_title,_serious){ // 提示框参数配置 var setTooltip = { trigger: 'axis', axisPointer: { type: 'cross' }, formatter:function(param){ return tooltip_wk(lang,param,name) } }; // if(lang == "CN"){ // setTooltip.formatter = function(param){ // } // }; // 1. 柱状图样式定义 var upColor = '#ec0000'; var upBorderColor = '#8A0000'; var downColor = '#00da3c'; var downBorderColor = '#008F28'; return { title: { text: _title, left: 0 }, tooltip: setTooltip, // legend: { // data: _legend // }, grid: { left: '10%', right: '10%', bottom: '15%' }, xAxis: { type: 'category', data: data.categoryData, scale: true, boundaryGap : false, axisLine: {onZero: false}, splitLine: {show: false}, splitNumber: 20, min: 'dataMin', max: 'dataMax' }, yAxis: { scale: true, splitArea: { show: true }, axisPointer: { label:{ formatter:function(params){ return toDecimal(params.value) } } }, axisLabel:{ formatter:function(value,index){ return toDecimal(value) } } }, dataZoom: [ { type: 'inside', start: 50, end: 100 }, { show: true, type: 'slider', y: '90%', start: 50, end: 100 } ], series: [ { name: _serious, type: 'candlestick', data: data.values, itemStyle: { normal: { color: upColor, color0: downColor, borderColor: upBorderColor, borderColor0: downBorderColor } }, markPoint: { label: { normal: { formatter: function (param) { return param != null ? Math.round(param.value) : ''; } } }, data: [ { name: 'XX标点', coord: ['2019/5/31', 2300], value: 2300, itemStyle: { normal: {color: 'rgb(41,60,85)'} } }, { name: 'highest value', type: 'max', valueDim: 'highest' }, { name: 'lowest value', type: 'min', valueDim: 'lowest' }, { name: 'average value on close', type: 'average', valueDim: 'close' } ], tooltip: { formatter: function (param) { return param.name + '
' + (param.data.coord || ''); } } }, markLine: { symbol: ['none', 'none'], data: [ [ { name: 'from lowest to highest', type: 'min', valueDim: 'lowest', symbol: 'circle', symbolSize: 10, label: { normal: {show: false}, emphasis: {show: false} } }, { type: 'max', valueDim: 'highest', symbol: 'circle', symbolSize: 10, label: { normal: {show: false}, emphasis: {show: false} } } ], { name: 'min line on close', type: 'min', valueDim: 'close', label:{ formatter:function(param){ return toDecimal(param.value) } } }, { name: 'max line on close', type: 'max', valueDim: 'close', label:{ formatter:function(param){ return toDecimal(param.value) } } } ] } }, // { // name: _legend[1], // type: 'line', // data: calculateMA(data,5), // smooth: true, // lineStyle: { // normal: {opacity: 0.5}, // } // }, // { // name: _legend[2], // type: 'line', // data: calculateMA(data,10), // smooth: true, // lineStyle: { // normal: {opacity: 0.5} // } // }, // { // name: _legend[3], // type: 'line', // data: calculateMA(data,20), // smooth: true, // lineStyle: { // normal: {opacity: 0.5} // } // }, // { // name: _legend[4], // type: 'line', // data: calculateMA(data,30), // smooth: true, // lineStyle: { // normal: {opacity: 0.5} // } // }, ] }; } }