Comments (7)
Yes, when caching is disabled, flickering happens, because the image is being loaded once again, if caching is allowed, then image loading is instantaneous and while image loading still happens from a cache, it's not noticeable
from org-chart.
@tangtingtt When you are trying to select the text, panning event fires and chart is being panned
This is controlled by built-in d3.zoom class.
In that example, we are passing different d3. zoom class and we override the behavior, basically saying that don't apply panning to TR,TD, TH elements.
If you require text selection of specific divs, you can assign a specific class to them and then check if e.srcElement
has that class inside this function (instead of checking if it is TR,TD or TH elements)
from org-chart.
Hi, that only happens if caching is disabled (for example when you are checking out the chart with dev tools open). I don't think that there is a way around it since when expanding and collapsing, everything is being rendered, including images
from org-chart.
from org-chart.
from org-chart.
After testing, it is indeed caused by disabling browser caching, so this is not a problem. Thank you very much! ๐However, en...๏ผI have another small question. If I want to use the mouse to select elements within a node (ordinary text implemented by div tags) for copying, what kind of attribute should I set? @bumbeishvili
I see that in your example(https://stackblitz.com/edit/js-1kytuv?file=index.html), you can select the text within the node, but I don't understand why or how I should implement it.
from org-chart.
@tangtingtt When you are trying to select the text, panning event fires and chart is being panned
This is controlled by built-in d3.zoom class.
In that example, we are passing different d3. zoom class and we override the behavior, basically saying that don't apply panning to TR,TD, TH elements.
If you require text selection of specific divs, you can assign a specific class to them and then check if
e.srcElement
has that class inside this function (instead of checking if it is TR,TD or TH elements)
According to your method, I succeeded. Thank you very much!
from org-chart.
Related Issues (20)
- Vite (using ESBuild) fails with 'Cannot use import statement outside a module' HOT 1
- nodeButtonWidth is not a function, same for Height, nodeButtonX and Y. HOT 2
- implement d3.interpolateZoom on node click
- onNodeClick Safari - Activates on clicking expand nodes HOT 1
- Disable expand if number of nodes are higher than a specific value HOT 3
- Facing the issue "TypeError: linkUpdate.transition is not a function at OrgChart.update (d3-org-chart.js:703:14)"
- How can I keep font family when export image or pdf file? HOT 1
- SVG height not updating on resize? HOT 1
- Adjust specific nodes to a certain level HOT 4
- Node Coloring persisting when chart rerenders HOT 4
- Bidirectional Org Chart ( Two Layouts at a time ) HOT 8
- ERROR ReferenceError: document is not defined when using Angular v18.x HOT 1
- Error and not visualise the chart HOT 7
- Exporting with bootstrap style HOT 1
- Is it possible to add a node to the chart as a parent (ex: add supervisor) HOT 1
- fit() function doesn't distinguish between expanded and unexpanded nodes
- how to integrate with asp mvc core/blazor and show brackets for leagues and sports (custom teams, golf, pickelball, soccer) HOT 1
- Hide a node based on a condition HOT 5
- is there a way to update the svg width without calling render()? HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from org-chart.