Is it possible with amcharts 4 to put a scrollbar only on a single value axis of the chart.
I have a chart with one X axis as Date axis, and several Y axes as Value axes. My plan was to make only one of the Y axes with a scrollbar in the chart zoombar.
My problem is that the scrollbar always only changes the entire chart, not just my particular axis.
I tried to set the minZoomCount of the AChsen which should be fixed to a quite large number. This had the desired effect, but unfortunately only while scrolling, so after releasing the mouse the axis jumped back to its default values.
I am using amcharts4 in a react frontend written with typescript.
Related
After going through all of the Chart.js documentation, it seems like there isn't a way to add any kind of offset to a bubble chart on either the left or right side of the chart.
Any min/max X value is just automatically placed at the extremes of the chart and short of adding superfluous data, it seems like there isn't a great option. Therefor, if a point is large enough (or just not tiny), it overlaps on the left axis or goes off the canvas on the right.
Is there not a way to control this?
View of offending chart
I am following this example to create grouped bar chart. But the chart lacks responsiveness. I want to run it dynamically in all kinds of devices. I want to make it look something like the below chart(not same as chart above copied from an example of a responsive chart):
And also in above example the x-axis range is overlapped is it possible to make it tilted to so that all values are clear something like below pic so that all x axis range values are displayed.
The responsiveness of the chart is fixed however the scale values overlap on each other and instead of overlapping I want them all to adjust and appear.
I am trying to draw more than one chart inside a single page, each charts aligned to the center of the page, one below the other. I have given fixed with for graph canvas. Since tick values have different ranges, for example, one graph has y axis range [0-10], another has [0 - 10000], the width of y axis ticks are different for each graph. That somehow brings a bad user experience, as the starting point of x axis of each graph differs.
Is it possible to provide x axis width separately in flot chart, or is there any other solution to get all the graphs aligned, starting from same point.
I am attaching a sample sketch for better understanding of the issue.
From the flot API:
"labelWidth" and "labelHeight" specifies a fixed size of the tick
labels in pixels. They're useful in case you need to align several
plots. "reserveSpace" means that even if an axis isn't shown, Flot
should reserve space for it - it is useful in combination with
labelWidth and labelHeight for aligning multi-axis charts.
I have tried using all sorts of combinations of tickInterval, tickPixelInterval label formatter and tickPositioner and I haven't been able to solve this issue.
I have a chart builder that pulls in different feeds and allows the user to modify the date range of those feeds before shooting this data into highcharts and spitting out the chart.
The problem is that some of the time, the first and/or last dates get cut off. Here is an example:
Without adjusting the margins of the chart (which causes the chart to take up less space), how do I prevent this from happening?
If I was able to determine the pixel location of the ticks and their labels, I could in theory, hide the specific ticks and their corresponding labels which were located outside the graph / cut off. Thoughts?
Without looking at your code - there are a few things you can do.
Rotate your labels
Play around with the x/y axis labels
Align them to the right
Hopefully one of these would help your cause.
Hi i wonder if it's possible to disable the automatic scaling of a highchart.
Or is ist possible to set a fixed position and or width and height to the labels ?
Here is an example, this is how i'd like to have my chart look like.
http://jsfiddle.net/ynXgw/6/
But if the labels have a different length highchart shrinks the graph.
http://jsfiddle.net/ynXgw/7/
Has anybody an idea how i could fix this?
One way to solve your problem is to use a different series to display the labels. In this example I use a second scatter series to display the labels. To position the labels just set the y value. I set the color of the points to the same color as the background to hide them. Then I use the dataLabels formatter to display the labels how you want them.