score:1
Accepted answer
const yAxisRight_g = svgContainer.append('g')
.attr('class', 'y axis')
.attr('transform', 'translate(' + (700) + ', 0)')
.call(yAxisRight)
.selectAll('text');
I was appending text and adding transform to it which did not work. Simply appended g/ group to the container and setting transformation.
Source: stackoverflow.com
Related Query
- How to align y axis on right in D3.js bar chart?
- How to modify axis labels in d3 for a stacked bar chart when the axis labels are mapped as part of the scale's domain
- How to line up x axis on stacked bar chart with a line overlay in d3.js
- d3 bar chart with fixed bar width and fixed spacing to align in center axis line
- How to display second y-axis to right of grouped bar chart data in d3
- how to left align ticks in d3 bar chart
- How to align x axis with bars respectively in Combo Chart (Bars and Lines)?
- How can I create a basic bar chart with unique counts on the y axis and a category on the x axis?
- How to center align text labels on bar chart using d3js
- How to align ticks with bars in horizontal bar chart / row chart
- How to place the bars of a bar chart in the right positions of the xAxis using d3.js?
- How can I make a bar chart starting from the 0 point of the y axis and not from the bottom of the svg?
- d3js - Stacked Bar Chart in Horizontal Axis - How do I set x so the bars are seperated?
- d3 Plus bar chart how to force fixed max y axis range independent of the max data value
- How to make bar chart with additional vertical lines below the x axis
- d3.js right align nested bar chart
- How to plot stacked bar chart according to the custom Y axis in D3
- Right Axis not displaying on Dual Axis Grouped Bar and Line Chart D3
- How to align the bar in stack chart in d3 js?
- How to make axis label of stacked bar chart in the middle of ticks chart in D3?
- How to add a properly scaled y axis to a stacked d3 bar chart
- How do you rotate the x and y axis in D3 bar chart
- How to hide a content on stacked Bar Chart below X - Axis
- How to add x axis text in Bar Chart column
- How to apply horizontal break to a d3.js bar chart
- D3 grouped bar chart: How to rotate the text of x axis ticks?
- How to update d3.js bar chart with new data
- Make simple bar chart using C3 with separate columns on the x axis
- d3.js How to add lines to a bar chart
- d3.js bar chart sorting: can't figure out how to sort x-axis labels along with bars
More Query from same tag
- Why is my js.d3 code not displaying axis?
- Given a data frame in JSON format, how can I automatically assign colors to variables in D3?
- y axis on d3.js Stacked Bar Chart
- Update grouped barchart with new values
- How do I update and remove groups of bars in a bar chart?
- Add spacing between axis and start point
- d3.selectAll to change styles by class in v4
- d3.js runtime error after upgrade to Angular 8
- D3: Issue while Displaying a Line chart inside tooltip
- Dynamically resize a div when it is used as a node in a d3 force-directed graph
- Add images to d3 chord diagram
- Unexpected token on 3rd part library
- Is there a way I can fill different color inside SVG image using HTML (currently using d3.js)
- d3.json is not executed immediately but rather, later on
- svg circle too small for mouseevent
- Parallel coordinates with d3.js
- D3 force layou/ avoid overlapping node ( forcecollide, radius)
- more minimaler cubism.js horizon chart from json example
- d3 appears to silently truncate array in .data() method
- c3js, X Axis crushed and badly formated
- D3.js Multiple GeoJSON objects
- D3 Geo albers USA map showing Puerto Rico and Virginia incorrectly
- Create a step scale in D3
- D3 - 2 different bar paddings
- Failing to alter radius of an arc
- Max isn't pulling back correct number
- Simple path transition
- Simple way to use existing object as a clipping path?
- D3 circles too big after reappearing
- Building and displaying a DAG (directed acyclic graph) in D3