score:3
Accepted answer
Could you try to append your '£' symbol directly within .tickFormat
as follow:
.tickFormat((d) => "£" + yAxisTickFormat(d))
instead of appending it in another text element?
Source: stackoverflow.com
Related Query
- Is it possible to make axis ticks with appended text to have dynamic padding in d3?
- Transition on axis with appended text
- With text labels for ticks in linear scale, zoom causes lables to extend beyond axis
- d3.js: Align text labels between ticks on the axis
- Multiline svg text axis ticks in d3
- Make simple bar chart using C3 with separate columns on the x axis
- d3.js make axis ticks clickable
- Make a chart with area charts having both positive and negative y axis in dc or d3.js
- With D3, how can I set attribute ("fill", "none") of axis path and line, but not text (without editing stylesheet)
- Need help lining up x axis ticks with bars in D3.js bar chart
- Add text to outer ticks of a D3 axis
- Get list of axis ticks with final formatting applied
- d3.js axis - making it have 0 ticks and no markings
- D3 graph is missing as much text elements as there are ticks in axis
- How to make dynamic Bar Chart in d3js with angularjs
- Overlapping Axis Ticks with Margin
- D3 shift ticks to align with axis
- D3.JS change text in axis ticks to custom strings
- Trying to make dynamic D3 Chart with Bar and Difference line/value
- Make axis ticks strings in d3
- How to make an svg text with d3.js that flashes from black to white an back continuously?
- How to sort bar charts synchronous with the ticks of x axis
- d3 axis not showing tick label if two ticks have the same value
- Is it possible to have layered svg elements that interact with each other in d3?
- Marimekko Chart: x axis ticks with irregular column width
- Fixed center with dynamic axis scaling
- How to make axis have a top tick
- D3 - How to make visualization with a partition layout have equally divided sectors?
- d3: replace a number value with text on x axis
- Y axis ticks with wrong rotation
More Query from same tag
- Can d3.js graph put inside a table?
- d3.js table tooltip not disappearing
- how to implement legends for rings in d3plus
- d3 resummarise nested object
- zoomable icicle d3 add label in chart
- How can i get the key of an element in stack-layout in d3?
- d3.js : Responding to Mousewheel zooms Appropriately
- How to make X axis timescale with equal interval between elements on chart independent of time range
- D3 Graph not rendering when using Timescale
- d3.js sorting by rollup field
- topojson.feature with topojson v2
- How do I position a text on top of a circle?
- scaling d3.js projections
- D3 + VueJs + Typescript | Fixing Errors
- Why the map function not executing after promise?
- Transition on labels in d3 pie/donut chart
- how i can put more lines in Line Plus Bar Chart using nvd3.js?
- What is the 'start' event in d3.js?
- Can not seem to get examples from D3js working?
- Problem to show dynamic text on mouseover in D3.js and json file?
- how to pass same object on which javascript event is called in d3.js
- How to move positions of labels in a d3 dynamic chart
- Draw Lines on Google Chart Using D3
- How do I update bound data in d3
- Manipulate Google GeoChart SVG with D3
- Making a grouped bar chart when my groups are varied sizes?
- Unable to merge selections
- crossfilter dimension not rendering the counts
- JS and/or D3 Methods of storing Dynamic User Inputs
- D3.js animate a circle along x, y coordinates