       color: '#333'
                                }
                            }
                        },
                        data: data
                    }]
                });

                var dragging;
                var draggingDataIndex;
                var dx;
                var dy;
                var zr = chart.getZr();

                chart.on('mousedown', function (params) {
                    draggingDataIndex = getHoveredDataIndex(params);
                    if (draggingData