echart setoption导致页面崩溃 echarts 折线配置项内容和展示

echart setoption导致页面崩溃 7W条数数据 卡死面

      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat']
    },
    yAxis: {},
    series: [{
        type: 'line',
        data:[220, 182, 191, 234, 290, 330, 310]
    }]
};
	if (!app.inNode) {
				    setTimeout(function () {
				        // Add shadow circles (which is not visible) to enable drag.
				        myChart.setOption({
				            graphic: echarts.util.map(tfData, function (item, dataIndex) {
				            	if(dataIndex < 20000){
				            		console.log("ceshi:" + dataIndex);
			            		  return {
					                    type: 'circle',
					                    position: myChart.convertToPixel('grid', item),
					                    shape: {
					                        cx: 0,
					                        cy: 0,
					                        r: 5
					                    },
					                    invisible: true,
					                    draggable: true,
					                    ondrag: echarts.util.curry(onPointDragging, dataIndex),
					                    onmousemove: echarts.util.curry(showTooltip, dataIndex),
					                    onmouseout: echarts.util.curry(hideTooltip, dataIndex),
					                    z: 100
					                };
				            	}
				              
				            })
				        });
				    }, 100);
	}
	tfData 是7W调数据 比较卡 请问setoption怎么优化