How can the mouse pointer move away from the chart and cancel the dragging state when dragging the chart using the ECharts DataZoom component?

because the mouse pointer leaves the chart without undragging when the DataZoom component in ECharts drags, when the mouse pointer enters the chart again, the chart will follow the pointer even if the left button is not held down.

for example, there is a similar situation in this official demo
http://echarts.baidu.com/exam.

generally speaking, if you play similar functions by yourself, you can deal with related problems in events such as mouseleave. However, after looking through the source code of ECharts and ZRender, it seems that ZRender fails to respond to mouseleave, and ECharts does not respond to mouseleave events

I don"t know if there is any way to solve this problem. Please do not hesitate to comment

Javascript echarts

May.11,2021

Why doesn't mine have this effect

manually dispatch a mouseup to canvas element during mouseleave

var mouseEvent= document.createEvent('MouseEvents');
mouseEvent.initEvent('mouseup', true, true);
echartsCanvasEle.dispatchEvent(mouseEvent);

Previous: What is the impact of flex layout settings min-width:0

Next: PathFinding this kind of pathfinding algorithm framework, how to generate the matrix needed?

May I ask why the barBorderRadius in the bar chart of echarts increases to a certain value and then changes the basic failure? What's the principle?
option = { xAxis: { type: category , data: [ Mon , Tue , Wed , Thu , Fri , Sat , Sun ] }, yAxis: { type: value }, series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: bar , itemStyle:{ ...

Javascript echarts3

Feb.28,2021
The pie chart nested in echarts failed to color each series?
series: [ { name: , type: pie , radius: [ 55% , 70% ], avoidLabelOverlap: false, label: { normal: { show: false, position: inner }, ...

Javascript echarts

Feb.28,2021
How to set the color of this area of echarts?
as shown in the figure, only the background color of the background setting chart is found in the document. I don t know where to configure the color of this part I want to set it to transparent ....

Javascript echarts

Mar.02,2021
How does an Echart graph diagram locate a node, from a Javascript and then enlarge the chart to display the node information?
this topic should be very detailed, my main purpose is to set up a search box to search all graph points, and then find that echart can automatically navigate to that point in chart and zoom in. personally, I think we should first get the name of a node...

Echarts javascript echarts3

Mar.03,2021
How does echarts fix the x-axis above
I want to fix the x-axis of an ordinary line chart (considering only the existence of one X-axis) at the top, because the x-axis defaults to the below. top I adjusted {position: top } and that s it. AxisLine and axisTick are at the bottom, on...

Es6 javascript echarts4 echarts3

Mar.03,2021
Can echarts set map symbolSize annotation points in rem? the dpr=3 point on the mobile phone is too small.
when dpr=3 is used on mobile phone, the echarts map annotation point is too small. Now we use flexible.js,rem as unit as follows: : : ...

Css javascript echarts3

Mar.04,2021
Is there any way in echarts to display the upper and lower maximum and lowest value of the curve beyond the special display of the upper and lower part of the curve?
A data curve with upper and lower limit values. If the actual value exceeds this part, it will indicate an exception. What can echarts do to achieve this function? The hint that the exception can be displayed with a different color of the line beyond th...

Html5 javascript echarts

Mar.05,2021
How to set the bottom picture in echarts scatter3D
how to set a background image at the bottom, there seems to be no official example and no configuration item. ...

Javascript echarts4

Mar.13,2021
After echarts registers the map, a blank block appears in the map
1. Just like in the picture, the white part is fine, but there are a lot of transparent blocks. All of a sudden, I don t understand, so let s ask ...

Javascript echarts3

Mar.14,2021
Cannot set max, min value for y axis in Echarts?
when echarts, is used in the project, you want to set the maximum and minimum values for the chart s y-axis. when max and min are set to constant, this setting takes effect: yAxis: [{ type: value , position: left , axisL...

Javascript echarts

Mar.14,2021
When echarts draws a map, how does the trigger condition change?
use echarts to draw a map with the coordinate points of each province on the map. Hover the mouse over the coordinate point will be marked. I want to change this trigger mode, how to change it. is when the mouse hovers over the province region, trigge...

Html javascript echarts

Mar.16,2021
How to extend the x y axis of echarts line chart
echarts http: echarts.baidu.com exam. this line chart example how to extend the two axes without ending with the scale to achieve the following effect boundaryGap: [ 20% , 20% ] tried with no effect ...

Javascript echarts

Mar.16,2021
How does echarts switch themes
One-line summary [problem brief] how to switch between topics, is there any way? Version & Environment [version and environment] ECharts version [ECharts version]: 4.1.0 Browser version [browser type and version]: Google 67.0.3396.87 (official vers...

Canvas data-visualization css javascript echarts

Mar.20,2021
ECharts bar chart when the data has a negative value, the coordinate axis does not start from 0 but from the minimum value how to operate?
" ";Y-79Y; all data is displayed on the right side of the axis ...

Javascript echarts3

Mar.20,2021
Echart pie chart mouse move event
how do I cancel the mouse movement of the echarts pie chart to enlarge the event? I don t want him to zoom in ...

Front-end javascript echarts

Mar.21,2021
The problem of echarts curve chart
recently started echarts, a demand is shown in the picture, now confused is that it a curve is divided into two parts, the background to a time division point, and then this time point before and after the curve with different colors display, read th...

Jquery javascript echarts

Mar.23,2021
How to set the style of map prompt box in echarts
as shown in the figure, how to set the style of the map prompt box in echarts. You can t find the relevant configuration in api ....

Javascript echarts

Mar.23,2021
The sorting problem of stacked histograms in echarts
The stacked histogram of ecahrts. You want to sort from largest to smallest in the same horizontal column. like this, each horizontal row is shown sorted from big to small. does the official have such an interface? Or how can it be achieved with j...

Javascript echarts

Mar.24,2021
Can one series of echarts display all tooltips??
is a series, when I configure the tooltips, mouse hover to display data normally, the effect I need, such as a line chart, 10 points, I want to show 10 tooltips at the same time, when I click, hide a tips and then click to show, do not click, each poin...

Javascript echarts3

Mar.25,2021
How does echarts draw a map to connect with legend?
problem description use jquery to import echarts and then draw a map of China, which needs to be connected with the following ten custom pictures plus text descriptions (intended to be implemented in legend), but do not know how to connect them. the...

Jquery javascript echarts3echart4

Mar.28,2021