nvd3.js Multi Bar Horizontal Chart: how to add a top horizontal axis - d3.js

Is it possible to add a top horizontal axis (yAxis) to a Multi Bar Horizontal Chart of nvd3.js ?
Or to have a top horizontal axis (yAxis) instead of the bottom horizontal axis (yAxis)

Related

Change to horizontal orientation for Seaborn `histplot()`

How can I use sns.histplot to create a bar histogram where the bars are oriented horizontally instead of vertically (the default) and the labels are on the vertical axis?

How to have TeeChart left Custom Axis Title, with no labels, up tight against the chart and sized so axis title labels not clipped

Delphi XE 10.2
TeeChartPro V2020.29.200113 32bit FMX
I am trying to have a left axis with no labels just a Title at 0 Degrees with the tile right justifed against the chart. Furthermore I would like to size the Charts Left Margin to be the size of the widest Left Axis Title so there is no clipping.
My current setup is that I have set the TChartAxis.Labels to False and TChartAxis.Title.Angle to zero which produces the attached chart.
How do I get the Axis Title to be up tight against the chart as shown with the arrow in the image?
How do I dynamically resize the TChart Left Margin to not clip any TChartAxis Titles as user resizes the chart?

Recharts stack bar charts radius issue

Currently, with stacked bar charts, if we give the first bar a radius:
-Ex
stacked bar with upper border radius given to first bar image
there's the white space gaps at the upper corners of the bars, not filled in with the fill color of the bar stacked above.
I know that with the background prop, we can fill in these corners:
stacked bar with background fill image
but I don't think I could get it to have the dynamic value heights.
Any help/alternatives would be appreciated!

How to draw horizontal stacked area chart by ios-charts

I am using iOS Charts by Daniel Gindi.
I need to draw horizontal stacked area chart (Example). But I cannot find similar charts in examples of the library. I am trying to customise Horizontal Bar Chart like in example. But I cannot to avoid square corners.
How can I draw line instead of bars with squared corners?
Is it possible in this library or I should use another one?
Yes you can.
Use line chart instead ,and set drawFilledEnabled to true.
But the filled area is between line and x axis, so you may need to rotate the chart.

D3 Zoom Jitters

D3 drag jitters when I .call(zoom) on two overlapping elements - and try to drag on the top element.
Here is an example http://codepen.io/anon/pen/WbNjqg
In this case, zoom has been registered on the chart's bars and on the chart's background.
I can't add an invisible rectangle over the entire chart to register the zoom because that element would prevent mouseovers from registering on individual bars.
Why does this shaky horizontal scrolling occur - and how can I fix it?

Resources