', '1min K线' + '
', 'Open: ' + paramMin.data[1] + '
', 'Close: ' + paramMin.data[2] + '
', 'Highest: ' + paramMin.data[3] + '
', 'Lowest: ' + paramMin.data[4] + '
', '

', '日K线' + '
', 'Open: ' + paramDay.data[1] + '
', 'Close: ' + paramDay.data[2] + '
', 'Highest: ' + paramDay.data[3] + '
', 'Lowest: ' + paramDay.data[4] + '
', ].join(''); } // extraCssText: 'width: 170px' }, axisPointer: { link: {xAxisIndex: 'all'}, label: { backgroundColor: '#777' } }, toolbox: { feature: { dataZoom: { yAxisIndex: false }, brush: { type: ['lineX', 'clear'] } } }, brush: { xAxisIndex: 'all', brushLink: 'all', outOfBrush: { colorAlpha: 0.1 } }, visualMap: { show: false, seriesIndex: 5, dimension: 2, pieces: [{ value: 1, color: downColor }, { value: -1, color: upColor }] }, grid: [ { left: '10%', right: '8%', height: '70%' }, { left: '10%', right: '8%', top: '72%', height: '35%' } ], xAxis: [ { type: 'category', data: data.categoryData, scale: true, boundaryGap : false, axisLine: {onZero: false}, splitLine: {show: false}, splitNumber: 20, min: 'dataMin', max: 'dataMax', axisPointer: { z: 100 } }, { type: 'category', gridIndex: 1, data: data.categoryData, scale: true, boundaryGap : false, axisLine: {onZero: false}, axisTick: {show: false}, splitLine: {show: false}, axisLabel: {show: false}, splitNumber: 20, min: 'dataMin', max: 'dataMax' } ], yAxis: [ { scale: true, splitArea: { show: true } }, { scale: true, gridIndex: 1, splitArea: { show: true } } ], dataZoom: [ { type: 'inside', xAxisIndex: [0, 1], start: 98, end: 100 }, { show: true, xAxisIndex: [0, 1], type: 'slider', top: '85%', start: 98, end: 100 } ], series: [ { name: '1分钟K线', type: 'candlestick', data: data.values, itemStyle: { normal: { color: upColor, color0: downColor, borderColor: null, borderColor0: null } }, }, { name: '日K线', type: 'candlestick', data: dayData.values, barWidth: '23500%', itemStyle: { normal: { color: upColor, color0: downColor, borderColor: null, borderColor0: null, opacity: 0.2 } }, } ] };

Awesome Chart123