', 'Open: ' + param.data[0] + '
', 'Close: ' + param.data[1] + '
', 'Lowest: ' + param.data[2] + '
', 'Highest: ' + param.data[3] + '
' ].join(''); } } }, { name: 'MA5', type: 'line', data: calculateMA(5, data), smooth: true, lineStyle: { normal: {opacity: 0.5} } }, { name: 'MA10', type: 'line', data: calculateMA(10, data), smooth: true, lineStyle: { normal: {opacity: 0.5} } }, { name: 'MA20', type: 'line', data: calculateMA(20, data), smooth: true, lineStyle: { normal: {opacity: 0.5} } }, { name: 'MA30', type: 'line', data: calculateMA(30, data), smooth: true, lineStyle: { normal: {opacity: 0.5} } }, { name: 'Volume', type: 'bar', xAxisIndex: 1, yAxisIndex: 1, data: data.volumes } ] }, true); // myChart.on('brushSelected', renderBrushed); // function renderBrushed(params) { // var sum = 0; // var min = Infinity; // var max = -Infinity; // var countBySeries = []; // var brushComponent = params.brushComponents[0]; // var rawIndices = brushComponent.series[0].rawIndices; // for (var i = 0; i < rawIndices.length; i++) { // var val = data.values[rawIndices[i]][1]; // sum += val; // min = Math.min(val, min); // max = Math.max(val, max); // } // panel.innerHTML = [ // '

STATISTICS:

', // 'SUM of open: ' + (sum / rawIndices.length).toFixed(4) + '
', // 'MIN of open: ' + min.toFixed(4) + '
', // 'MAX of open: ' + max.toFixed(4) + '
' // ].join(' '); // } myChart.dispatchAction({ type: 'brush', areas: [ { brushType: 'lineX', coordRange: ['2016-06-02', '2016-06-20'], xAxisIndex: 0 } ] }); });

蜡烛图数据为object时不显示