I Need draw a horizontal bar with more then one value, like this image:
It's possible make this?
sorry my english isn't so good
Related
I am attempting to get Chart.js bar charts to have "internal" left and right padding, such that the bars are centered with minimal width between them, but larger space to the left and right. By default it seems the left and right padding is simply half the space between bars. Looking at the docs, I assumed that I could use the categoryPercentage and barPercentage parameters together to accomplish my task, but it seems that is only for multiple bars within a single column, whereas I have multiple columns with one bar in each. See image for what I am trying to do. Thanks for any insight.
We have a google combo chart with 5 areas and 1 bar.Like this
The horizontal lines als Areas, because we needed 5 different colored lines.
But whatever we try, the area lines are displayed over the bar.
I tried to put the series in a different order. Like first the bar serie and than the area series, or reversed.
Does anyone know how you can force to put the area series to the back, so the bar is more visible?
I'm working on a Bar Pie Chart but my values are not lining up. For example, Red data is clearly larger then blue, but blue value is higher.
The data is correct, chart.js doesnt show the area as more, it uses the angle of the circle , which normally would also divede the area normally. And as you can see the angles are correct so to fix your issue you will have to write a custom controller that draws your chart. https://www.chartjs.org/docs/latest/developers/charts.html
I am using chartjs to draw a line chart on my application. I have dates onx-axis but as a category scale. Means labels are strings but are dates. On the y-axis i have numeric values. I am changing the chart on some functionality and after change i want to highlight some area of the chart. Is there any way i can highlight an area on the line chart? I have searched but did not find anything.
I want to do this pragmatically like there are some specific dates which i want to highlight so i want to have this type of effect.
Any kind of help would be much appreciated. I am very beginner in charts and javascript stuff.
P.S this is specifically for the line chart not for the doughnut
I use this https://github.com/chartjs/chartjs-plugin-annotation lib to do something like this.check on it. I think this will helpful.
Hi Everyone i just want to ask question about bar chart in this application http://www.chartjs.org/
is it possible to create a bar with 2 colors?
for example i have a target 1000 and reach 500
so the full length of bar is color blue(target) then the 50% length of the bar is color red(reach)?
sorry for my question if it is confusing thanks
I think that a posible solution could be use some kind of Stacked Bar.
But chart.js doesn't support that out of the box, It looks like that you need the a fork of chart.js called chartnew.js that allow stacked bar which could give you this two colors in the same bar and many other options. Take a look at the github page of the project
https://github.com/FVANCOP/ChartNew.js/
I hope it helps