Expected Behavior

Would be great if the maxSize could be determined based on the available space. For example, when creating an AxisBottom, the user should be supplied the available height for the axis, and if they want to make the maxSize half of the proposed height, they would pass the following:

.maxSize(d => d / 2)

Where d is the value of the internal variable being used for the overall height.

Current Behavior

Currently, it expects a pixel value.

The dependency d3plus-format was updated from 0.1.2 to 0.1.3.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3plus-format is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Expected Behavior

Expect to see the label for ticks on a Jenks scale

Current Behavior

1. If the label for the last tick is near the edge of the visualization, then the label for the last tick does not appear (though the tick mark line does).
2. Labels closely clustered with other labels do not appear and it is not possible to see values for the ticks via tooltips

Potential suggestion

Maybe an alternative representation like the one below could be a useful option as a legend for jenks scales to avoid these issues?

Steps to Reproduce (for bugs)

1. https://jsfiddle.net/5f639ph1/

Your Environment

• Browser Name: Chrome
• Operating System and Version: OS X

too few ticks:

needs to show years:

too many ticks:

The dependency d3-array was updated from 1.2.4 to 1.3.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3-array is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Expected Behavior

With no negative values, bars will remain fixed on x-axis.

Current Behavior

If selecting year 2013 then 2014 .. for some reason the bars seem to jump off the x-axis? For some reason the 0 value seems to get some padding added underneath and no longer lies on the x-axis

Steps to Reproduce (for bugs)

1. https://jsfiddle.net/72zs3dm0/
2. Click 2013
3. Click 2014

Your Environment

• Browser Name: Chrome
• Operating System and Version: OS X 10.13.3

(feel free to move this to another d3plus repo if this isn't the right repo)

Expected Behavior

Scales that are not logarithmic and not time should use the new formatAbbreviate function from d3plus-format. The current logic is here: https://github.com/d3plus/d3plus-axis/blob/master/src/Axis.js#L298-L308

Current Behavior

Currently, numbers return as is.

example from old d3plus:

standard deviation / mean > 3

Expected Behavior

In d3plus-timeline, scale shows month labels between years.

Current Behavior

Time scale shows months when there are so much width between year labels.

Steps to Reproduce (for bugs)

 new d3plus.Timeline()
      .domain([2001, 2004])
      .buttonBehavior("ticks")
      .ticks([2001, 2002, 2003, 2004])
      .width(800)
      .render();

Your Environment

• Browser Name: Google Chrome
• Operating System and Version: Macbook Pro High Sierra

The dependency d3plus-shape was updated from 0.16.0 to 0.16.1.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3plus-shape is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

Version 0.4.7 of d3plus-dev just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3plus-dev is “only” a devDependency of this project it might not break production or downstream projects, but “only” your build or test tools – preventing new deploys or publishes.

I recommend you give this issue a high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Expected Behavior

Expecting axis labels to rotate 90 degree when there's not enough room horizontally.

Current Behavior

Some labels are hidden and labels appear horizontal

Steps to Reproduce (for bugs)

1. https://jsfiddle.net/72zs3dm0/

Your Environment

• Browser Name: Chrome
• Operating System and Version: OS X 10.13.3

The dependency d3plus-text was updated from 0.9.33 to 0.9.34.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3plus-text is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

The dependency d3-scale was updated from 2.1.2 to 2.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3-scale is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

I am trying to change from linear scale to log scale and then change the domain of the scale, but when I try to do so, the visualization stops working with the following log:
TypeError: (intermediate value)(intermediate value)(intermediate value) is not a function
I was taking a look at the code and found that the problem comes from the _getPosition function

_getPosition(d) {
    return this._scale === "log" && d === 0 ? (this._d3Scale || this._d3ScaleNegative).range()[this._d3Scale ? 0 : 1] : (this._scale === "log" && d < 0 ? this._d3ScaleNegative : this._d3Scale)(d);
}

Specifically when the this._scale === "log" && d < 0 condition is true, this._d3ScaleNegative is null.

Here is a jsfiddle that replicates this behavior: https://jsfiddle.net/ffigueroal/cr2hdxzj/

as in e4f1bfd npm install returns npm ERR! 404 Not Found: [email protected]

The dependency d3-selection was updated from 1.3.2 to 1.4.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3-selection is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

More often than not, I've found we are turning it off rather than keeping it on.

Current Behavior

There is logic that offsets the position of some labels further away from the axis in order to allow space for the text.

Expected Behavior

While this behavior usually works great, sometimes there is a need to just turn off this behavior. Let's set up a user-changeable boolean to disable this behavior. I'm not set on any name in particular. Maybe labelOffset?

Steps to Reproduce (for bugs)

Hi, I was trying to use scale: jenks and the last tick in ColorScale doesn't appear

JSFiddle: https://jsfiddle.net/252k2gaa/2/

Hello, could be a good option set locale to use in axis. For example, now in Datachile we're using es,en languages, and dateFormat always is in english.

I was reading, and this one depend from d3-time-format that includes others languages like ar, it, fr, that can be applied in other projects with multilanguage.

The dependency d3plus-format was updated from 0.1.4 to 0.1.5.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3plus-format is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

The .labelRotation( ) method should accept a boolean that determines whether horizontal axis labels are rotated -90 degrees.

If i set specific ticks, the automatic ones still generate if I have a Width set.
But without width set the axis is too small and the ticks overlap.

Some good examples:

• https://community.tableau.com/thread/142805
• https://www.stata.com/support/faqs/graphics/scale-breaks/
• https://www.graphpad.com/support/faq/graph-tip-how-to-put-a-gap-or-gaps-in-an-axis/

I'm thinking of it being implemented through a method called break, passing a 2-length Array in order to define the break (from start to finish).

Version 1.0.3 of d3-array just got published.

This version is covered by your current version range and after updating it in your project the build failed.

As d3-array is a direct dependency of this project this is very likely breaking your project right now. If other packages depend on you it’s very likely also breaking them.
I recommend you give this issue a very high priority. I’m sure you can resolve this 💪

Your Greenkeeper Bot 🌴

Originally posted by @xscotta in this issue

I have used the following options to tease out more of the data when the difference between max/min is great.
.yConfig({ scale: "sqrt" }) — This applies a fixed exponent of 0.5 to the axis
.yConfig({ scale: "log" }) — This applies a natural log(e) to the axis

If I want to specify an exponent of 0.4 or 0.3, can I use "pow"?
.yConfig({ scale: "pow" }) — And then specify the exponent somewhere?

The documentation on D3plus http://d3plus.org/examples/d3plus-axis/scale-time/ says All of the scales made available by d3-scale are usable for an Axis by passing the name of the scale, in all lowercase, to the .scale( ) method.

Thanks for your help, I looked through the D3plus code and documentation but couldn't work it out.

Expected Behavior

Axis labels should render!

Current Behavior

The examples currently seem to work on the live site, but locally (for screenshots and testing) they are acting very strange.

Steps to Reproduce (for bugs)

<!doctype html>
<html>

<head>

  <meta charset="utf-8">
  <script src="../build/d3plus-axis.full.js"></script>

</head>

<body>

  <svg width=600 height=300>
    <g id="my-axis"></g>
  </svg>

</body>

<script>

var bottom = new d3plus.AxisBottom()
  .select("#my-axis")
  .domain([0, 10])
  .width(600)
  .height(300)
  .render();

</script>

</html>

Your Environment

• Browser Name: Chrome
• Operating System and Version: macOS High Sierra

For example, when trying to render a scale from 1 to 100, this is the "normal" behavior:

But this is what happens with "smallest":

The dependency d3plus-format was updated from 0.1.10 to 0.1.11.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3plus-format is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

The dependency d3plus-common was updated from 0.6.44 to 0.6.45.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3plus-common is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

The dependency d3-transition was updated from 1.1.3 to 1.2.0.

🚨 View failing branch.

This version is covered by your current version range and after updating it in your project the build failed.

d3-transition is a direct dependency of this project, and it is very likely causing it to break. If other packages depend on yours, this update is probably also breaking those in turn.

Your Greenkeeper Bot 🌴

https://jsfiddle.net/z26cwnj1/

When applying the direction: rtl to the body of a page that has a viz with axes the y-axis tick placement get messed up

see also this fiddle:

https://jsfiddle.net/pymdsnq9/

I am using the Barchart function, and would like to override the default font-Size used for axis labels.
I presume it would be passed to the Axis module, so I am posting this request here.
The default fontSize for axis labels looks to be 10px.
I do not see a way to specify this using the conventions in the documentation.
For example:
.xConfig({ labelConfig: {fontSize: 20} })
One clarification, I want to override the labels on each tick on the x and y axis, not the name/title of the axis.
Thanks in advance.

EDIT:
I can change the size of the text to 14px by using fontMin/fontMax
.xConfig({ shapeConfig: { labelConfig: {fontMin: 14,fontMax:14} } })

...but it merely increases the actual pixel size, it does not reformat based on that new size. The text wrapping and line-height stay based on the original default 10px, and so defeats the point of changing the size when the label is a multi word, multi line, piece of text.

Issue #53 is a prerequisite.

Modify the labelRotation( ) method so that it accepts a degree value which it uses to rotate horizontal axis labels by.

Ex. rotateAxisLabels(45)