score:0
Accepted answer
Everything you describe seems to be correct.
According to the documentation of sap.m.Popover you can also call openBy
with a DOM reference as parameter.
What you are passing in your code snippet is not a DOM reference however, it is a d3 selection. To get the required DOM reference from the selection you have to add [0][0]
(see this answer).
function openQuickView(circleClicked) {
quickViewPage.setHeader(circleClicked.created_by);
quickView.openBy(d3.select(circleClicked)[0][0]);
};
EDIT: After playing around with the provided fiddle I found the problem. The parameter to the function is the datum of the clicked object, not the DOM. You should change your click handler and the function like this:
svg.selectAll("circle")
// ...
.on("click", function(d) {
openQuickView(this, d);
});
function openQuickView(circleClicked, circleData) {
quickViewPage.setHeader(circleData.created_by);
quickView.openBy(circleClicked);
}
Source: stackoverflow.com
Related Query
- Opening UI5 Quickview by non-SAPUI5 control
- How can I include a D3 (Scatterplot) Chart inside a SAPUI5 Control
- how to control the simulation speed of d3 force layout
- How do I control the bounce entry of a Force Directed Graph in D3?
- d3.js : non linear graph axis
- How to control the order of the layers on a map in d3js
- How to control the group node distance in Hierarchical Edge Bundling in D3.js
- Control over line segments
- New layout after opening a group not base on the last layout with cola.js
- How to control a zooming speed in D3 V4?
- How can I use a leaflet layer control to toggle a d3 svg overlay?
- How to create d3.js Collapsible force layout with non tree data?
- control chart in d3?
- How to Use D3 elements inside SAPUI5 , when using JS views?
- How to control d3.brush (right click)
- How to include d3 on JavaScript non html file?
- Control axis tick number in D3
- D3 : non continuous line chart with null values inside an object
- How to control the thickness of lines in the Hierarchical Edge Bundling chart?
- D3 - Programmatic control of Brush AND Brush Handle
- Control what elements get shown in dc.js datatable
- How to change labels on the control button in NVD3?
- How to add non linear curve between any two points of area chart in d3.js
- D3 nested array, extracting non key column
- finer control over NVD3 tooltip
- Using WPF WebBrowser control to render web app built with D3.js framework
- d3 control space between ticks
- Control multi line spreading of x-axis tick in billboard.js
- Custom Wicket (Ajax) Control with complex data model
- How to properly control the context when using d3.json event handler
More Query from same tag
- d3.js undefined in Meteor
- render d3 linear nice scale with whole numbers only
- Add a smiley face to a SVG circle
- how to scale x axis to make data prettier
- Why isn't d3 text appearing on bar chart when using new dataset?
- In d3.js , Is there any way to get the path length at particular point?
- Fixing zoom 'jump' when scaling map
- d3js arc height tweening
- Fit Default D3 Projection to Daily Kos Congressional District Hexmap
- CSS: Centering text under a d3 slider on browser resize
- js document conflicting with D3.js - no d3js tools are working
- D3js sorting issue on transition applied
- Use % instead of px in javascript calculations -D3 charts
- Having trouble making a bar chart bar onClick create changes to scatter chart points using D3
- Create a calendar grid of the last 365 days
- D3.js vs Raphael.js
- d3.js - using slider to dynamically change graph
- How to embed bitmap into D3js generated SVG code?
- d3 v3 - sync brush zoom and scroll zoom
- D3 - set axes with percent scale
- how to get dynamic value of input element with d3?
- Adding styles to d3 tooltips
- NPM Issue with @types/d3 install from Oreilly book code
- Setting D3 svg.transition to go from slow to fast to slow
- D3js: how to get Lat/Log geocoordinates from mouse click?
- Grouped Bar Chart with different y-axis/scales
- Keep position of D3 graph after updating data
- D3.js - Data and Axis Not Synchronized During Pan
- D3 - Update bar chart data onclick
- d3 selectAll vs jQuery selector