Does anyone know if it's possible with Chartist.js to ensure a horizontal bar chart takes full width of the chart container?
If you look at the screenshot you can see that the gray bar does not take up the whole width, based on the examples I would have thought that the highest value data point in the series would be scaled to fill to the end of the chart (and the axis scaled accordingly).
See screenshot.
A little late but I spent the afternoon trying to achieve the same thing with some success.
In short, I created a simple plugin that, on creation, dynamically adjusts the bar width based on the stepLength property.
https://jsfiddle.net/traviss0/gg1oj35x/
Related
in this page https://ticr.live/ticker-demo.php
i am showing the data generated roughly in the last 15mins, in a TradingView chart widget.
I wish that all points are visible inside the chart, without the need to scroll the chart left horizontally to see the past values, in case there are many points.
So the whole chart should "fit" exactly the container div.
How is this achieved?
Thanks
Yes, you can fit all your data inside the chart by calling chart.timeScale().fitContent() method.
I am using amcharts and I have a grid layout on my page to store 3 elements: List, map and radar chart.
The radar chart doesn't display properly for some reason. It doesn't matter what dimensions and sizes I give to the parent div, it doesn't display the radar with all the labels. It always cuts off some of them.
I couldn't find anything about it in documentation or in here. Here are the results of my stylings: first, second third.
After unsuccessful attempts at altering CSS, I fixed it by adding a title of the chart at the top and label with opacity 0 at the bottom using charts prototypes in JS. I couldn't find any solution in documentation, but to set fixed maxHeight of the radar in pixels. The solution with pixels wouldn't work well with CSS-Grid.
fixed container
I'm building a stacked vertical bar series chart with values that oscillate between 1 and 1.000.000, so the bars that show really low values can't be seen (the values in the top x-axis are divided by 1.000).
Is it possible to set a minimum height for all bars? I tried editing the library directly, and it is possible to set a minimun height, but because the chart shows multiple bar sets, each with their own coordinates relative to the chart, they overlap.
Thank you!
I am trying to use the chart range filter, but whenever I use the scroll bar with their demo, the Y-Axis is not fixed. I am trying to make it so that when scrolled, the Y-Axis is fixed and stays in its place. Is it possible to have this? Here's the demo link.
I'm using jqBarGraph and I've run into a somewhat simple but problematic issue. I'm limited in the amount of space that I can display the graph (~550px width, unlimited height), and can have up to 50 items being displayed at once. Because of this, the bars themselves will appear quite small (~5px thin) which isn't easy to view. So, an easy solution would be to display the bars stacked horizontally (bars stacked top to bottom, reading left to right). This isn't an option in the current release, has anyone experienced this before and have a simple fix, or would anyone know how to create an option for this?
Have you looked at jqPlot instead? http://www.jqplot.com